Zaloguj | Zarejestruj | FAQ
Anonymous

Difference between inline, inline-block, and block.

+ Odpowiedz

Posty: 4 Strona 1 z 1


Difference between inline, inline-block, and block.

przez riyaz123 » Wt wrz 23, 2014 11:31 am

I know its easy but still I have big confusion about the inline, inline-block, and block?
Avatar użytkownika

riyaz123

  • Posty: 15
  • Dołączył(a): So lip 05, 2014 7:57 am

Re: Difference between inline, inline-block, and block.

przez nanoverso » Śr wrz 24, 2014 12:19 am

The tutorial at http://www.w3schools.com/cssref/pr_class_display.asp has some examples that can be useful.
Avatar użytkownika

nanoverso

  • Posty: 253
  • Dołączył(a): So maja 10, 2014 12:08 am
  • Lokalizacja: Brazil
--
Free VST Plugins Download.

Re: Difference between inline, inline-block, and block.

przez riyaz123 » So paź 04, 2014 11:02 am

Thank for such a good tutorial.
Avatar użytkownika

riyaz123

  • Posty: 15
  • Dołączył(a): So lip 05, 2014 7:57 am

Re: Difference between inline, inline-block, and block.

przez confidence123 » Pn paź 13, 2014 4:47 am

inline-block elements:
can exist within inline content.
have some box-model properties: borders, margin, padding, but its dimensions are auto by default, i.e. only as wide and high as its content.
If you want the perfect example of an inline-block element, look no further than the <img> element.

block elements:
have box-model properties but its width is 100% by default
can't be wrapped by inline elements
A good example of a block element is a <div>.
Avatar użytkownika

confidence123

  • Posty: 7
  • Dołączył(a): Pn paź 13, 2014 4:38 am


+ Odpowiedz

Strona 1 z 1