<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
div.clBloqueEncabezado{
background-color: cyan;
text-align: center;
}
div.clEncabezado{
display:inline-block;
background-color:green;
padding:0.5em;
}
div.clCuerpo {
text-align: center;
}
div.clMenu {
display: inline-block;
background-color: lightblue;
}
div.clPanelPrincipal {
display: inline-block;
background-color: lightcoral;
}
div.clBloquePie {
background-color: aquamarine;
text-align: center;
}
div.clPie{
display:inline-block;
background-color:green;
padding:0.5em;
}
</style>
</head>
<body>
<div class="clBloqueEncabezado">
<div class="clEncabezado">
Encabezado
</div>
</div>
<div class="clCuerpo">
<div class="clMenu">
<h2>Menú</h2>
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</div>
<div class="clPanelPrincipal">panelPrincipal</div>
</div>
<div class="clBloquePie">
<div class="clPie">Pie</div>
</div>
</body>
</html>
24/8/16
Html y css. Esqueleto página centrada horizontalmente
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario