Centrar un div horzontalmente

Publicado el en la categoría Diseño y Programación

Hace tiempo os explicamos como posicionar un div tanto horizontal como verticalmente en una página. Este proceso se complicaba, ya que requiere realizar ciertos cálculos para el posicionamiento, y el código resultante ocupa varias líneas.

En el caso de querer centrar un div solo horizontalmente, este proceso se ve reducido considerablemente, llegando a ocupar únicamente 2 lineas de código CSS:

div.centrado{
width: N px,
margin: 0 auto;
}

Bastará con sustituir N por el tamaño en pixels del div y a continuación indicarle un margen auto. Así posicionaremos el div centrado respecto a la horizontal. La altura, la podremos variar cambiando el 0 por el valor que consideremos oportuno.

Fácil, ¿no?

Facebooktwittergoogle_plus