'

reviewing xhtml elements: block vs inline

June 11th, 2009 by Andrea Matesi 945 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

<p>

     <strong>

          <em>

               <a href="http://www.pwrusr.com/">pwrusr.com

               </a>

          </em>

     </strong>

is a site for 

     <cite>power users!</cite>

</p>

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

Comments are closed.