div centrada horizontalmente e verticalmente na página (html/css)

<html>

<head>

<style type="text/css">
.style1 {
position:absolute;
width:200px;
height:300px;
border:1px solid #cccccc;
top:50%;
left:50%;
margin-top:-150px; /* metade da altura da div */
margin-left:-100px; /* metade da largura da div */
}
</style>

</head>

<body>

<div class="style1">
<p>esta é a div centrada</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>

</body>
</html>

Nenhum comentário: