block

  • div
  • h1, h2, h3, h4, h5, h6
  • p
  • form
  • ul, li, ol
  • nav
  • pre
  • section
  • table
  • footer
  • article
  • aside
  • br
  • canvas
  • figcaption, figure

MDN - block-level elements

inline

  • span
  • img: it acts like inline-block elements in some browser
  • input
  • a
  • em
  • strong
  • button
  • label
  • select
  • textarea

inline elements only have wrapped height & width. It means it will do nothing if you are setting width or height for it.

MDN - inline elements

results matching ""

    No results matching ""