Centrar un div horzontalmente

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