En esta ocasion les traere un tutorial de como centrar un div ya que en internet ponen muchas ocsas y eso nos enreda mucho.
Empemos en primer lugar tenemos que crear nuestro codigo html con las etiquetas esenciales:
______________________________________________________________
<!DOCTYPE HTML>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="Still Gonzalez" content="www.alineardiv.com" />
<title>Mi Primer div alineado</title>
</head>
<body>
</body>
</html>
______________________________________________________________
Luego de ya haber hecho esto procedemos a crear nuestro DIV con los atributos necesarios para que tendo un buen alto y ancho ademas le agragaremos un borde color negro solido con 2 pixeles:
____________________________________________________
<!DOCTYPE HTML>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="Still Gonzalez" content="www.alineardiv.com" />
<title>Mi Primer div alineado</title>
</head>
<body>
<div style="width: 1000px;height: 1000px;border: black solid 2px;">
</div>
</body>
</html>
____________________________________________________
Luego de tener nuestro DIV ya creado entonces procedemos a centrarlo y estos se da gracias a un atributo STYLE llamado MARGIN y o colocamos en auto y listo ya nos centra nuestro Div:
_____________________________________________________________
<!DOCTYPE HTML>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="Still Gonzalez" content="www.alineardiv.com" />
<title>Mi Primer div alineado</title>
</head>
<body>
<div style="width: 1000px;height: 1000px;border: black solid 2px;margin: auto;">
</div>
</body>
</html>
________________________________________________________________
Y listo como ven es muy facil centrar un DIV Gracias
No hay comentarios:
Publicar un comentario