cheatsheet1999/FrontEndCollection

Inline elements, Block elements, and what are the differences?

cheatsheet1999 opened this issue · 0 comments

  • Inline elements are: span, input, select, strong ....
  • Block elements are: div, ul, ol, li, dl, dt, dd, h1, h2, p....
  • Void elements: br, hr, i, input, link...
  • img(they are "inline block" elements. This means that they flow inline like text, but also have a width and height like block elements.)
  • Inline elements do not accept "height" and "width" setttings.
  • Block elements occupy the whole row, and accept "height" and "width"