9.- Centrado de una capa CSS horizontal y verticalmente.
Manejando las propiedades magin top y left podemos centrar una capa CSS en el justo centro de la pantalla. Fijemos en las relaciones entre la anchura y altura de la capa y los valores de margin top y left. Esta es la clave para que la capa quede centrada.
<html>
<head>
<title>DIV centrado horizontal y verticalmente.</title>
<STYLE TYPE="text/css">
<!--
#texto {
position: absolute;
text-align:justify;
padding: 5px;
left: 50%;
top: 50%;
width: 300px;
height: 200px;
margin-top: -100px;
margin-left: -150px;
overflow: auto;
border: 1px solid red;
background-color: #FFDEAD;
}
-->
</STYLE>
</head>
<body>
<DIV ID="texto">
Esto es un ejemplo de tag DIV centrado horizontal y verticalmente,
sea cual sea el tamaño de la página, aparecerá la capa en el centro.
<p><a href="http://www.uterra.com">www.uterra.com</a>
</DIV>
</body>
</html>
