[Php-avanzado] menu centrado horizontalmente
Matias Gea
matigea en gmail.com
Jue Sep 18 08:16:57 ART 2008
Lo de definir display: table; es una forma poco ortodoxa, ya que estas
diciendo que querés que la lista se comporte como una tabla, que no es
el caso. La forma correcta es crear un "envolvedor" para la lista y
definir en éste que el texto esté alineado al centro. Luego, a la
lista, le das margin automático:
#wrapper {
text-align: center;
}
.ho {
margin: 0 auto;
}
<div id="wrapper">
<ul class="ho">
<li ...>
<li ...>
</ul>
</div>
Como decía Facundo, cuando definís "margin: 0 auto;" lo que hace es
darle margen 0 verticalmente (margin-top y margin-bottom en 0) y
automático horizontalmente (margin-left y margin-right en auto). Pero
esto no siempre basta (aunque en algunos casos/navegadores sí);
también el padre debe centrar los elementos.
Saludos, Matias.
Más información sobre la lista de distribución Php-avanzado