Using DIVs to Style Logical Parts of a Document
Markup
<!-- Begin Header DIV * * * * * * * * * * * * * * * -->
<div id="header">
<h1>COIN 65 CSS for DESIGN
[H1 in the <code>header</code> DIV]</h1>
<p>
Using DIVs to Style Functional Parts of a Document
[P tag in the <code>header</code> DIV]
</p>
</div>
<!-- End Header DIV * * * * * * * * * * * * * * * * -->
<!-- Begin Content DIV * * * * * * * * * * * * * * * -->
<div id="content">
<h1>This is a H1 tag in the <code>content</code>
DIV</h1>
<p>
This is a paragraph in the <code>content</code> DIV.
There are no classes or IDs attached to it, but it
is <em>contextually</em> styled because it is
a descendant of the <code>content</code> DIV.
<span class="filler">This text is gray because it
has the <code>filler</code> class assigned to it.
Nullam rhoncus egestas mi.
</span>
Curabitur consectetuer, magna quis volutpat
tincidunt, elit ante sollicitudin magna, nec mattis
ante turpis eu lacus.
</p>
</div>
<!-- End Content DIV * * * * * * * * * * * * * * * * -->
<!-- Begin Footer DIV * * * * * * * * * * * * * * * -->
<div id="footer">
<h1>This is a H1 tag in the footer DIV</h1>
<p>Modified - Tuesday, January 16, 2007
[P tag in the <code>footer</code> DIV]
</p>
</div>
<!-- End Footer DIV * * * * * * * * * * * * * * * * -->