reviewing xhtml elements: block vs inline

June 11th, 2009 by Andrea Matesi 970 Views

Today I was reviewing some XHTML syntax. This post is a placeholder for me to remember wich ones are CSS block elements and wich ones are CSS inline elements.

The difference between the two is, according to the specifications, that a block-level element can contain other elements (block-level and inline elements); an inline element can only contain one or more inline elements, but not block-level elements.

The block-level elements:

  • h1, h2, h3, h4, h5, h5
  • p
  • div
  • blockquote
  • ul and ol
  • forms

The inline elements:

  • em
  • strong
  • cite
  • a
  • img

a cool example




               <a href="">




is a site for 

     <cite>power users!</cite>


an important rule: symmetry aka we have to strive to keep opening and closing tags ordered simmetrically.

Posted in WEB, Web Standards | Comments Off on reviewing xhtml elements: block vs inline