Centrar DIV css

.advertisement
Cómo centrar un div con css

<style>
 
.centro{
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-250px; /* Movemos el div 250px correspondientes a la mistad del ancho del objeto*/
	margin-top:-100px;  /* Movemos el div 100px correspondientes a la mistad de la altura del objeto*/
 
	width:500px;
	height:200px;
	float:left;
	background-color:#ccc;
 
}
 
</style>
 
</head>
 
<div class="centro"></div>

Puedes ver el ejemplo haciendo click aquí

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*


uno + 4 =

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

© chlinformatica 2011
CyberChimps