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?
