Maquetando una página web
Partiendo del siguiente HTML:
<div id="pagina">
<div id="cabecera">
<p><a href="/"><span>Mi sitio web</span></a></p>
</div>
<div class="autoclear">
<div id="menu">
<ul>
<li><a href="#">Apartado A</a></li>
<li><a href="#">Apartado B</a></li>
<li class="actual"><a href="#">Apartado C</a></li>
<li><a href="#">Apartado D</a></li>
<li><a href="#">Apartado E</a></li>
</ul>
</div>
<div id="contenido">
<h1>Apartado C</h1>
<p>Contenido principal de mi página.</p>
</div>
<div id="extra">
<p>Contenido de la capa "contenido-extra".</p>
</div>
</div>
<div id="pie">
<p>Pie de página de mi sitio web.</p>
</div>
</div>
Intenta conseguir las siguientes apariencias: