"Divitus"

• Remove margins and paddings from the block level elements before styling
• Don’t forget to comment your css
• IDs are unique, CLASSES can be repeated
• “divitus” ; Too many divs kill the div
• HTML and CSS validation
• Minimal css hacks ; keep it simple
• Back to tips corner

Use divs to divide the page into logical sections or when there is no better alternative.

A common misuse of divs can be found in the following example:

<div id=”header”>
   <div class=”bold”>Heading 1</div>
</div>
<div id=”subheader”>
   <div class=”bold”>Heading 2</div>
</div>
<div> Content to be placed here </div>

The simple and correct way to do is below:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p> Content to be placed here </p>

Why complicate life when it is so simple? :-)