Centrado en las listas de la Fundación Zurb.
Estoy teniendo problemas para centrar las listas en línea cuando uso la Fundación 4 de Zurb.
Las clases de CSS precompiladas de 'centro de texto' y 'centrado' funcionan bien para otros elementos pero no con listas.
Una revisión de unpregunta anterior En cuanto a las imágenes tiene resultados similares.
Esto no funciona:
<div class="row">
<div class="large-12 columns text-center">
<ul class="inline-list">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
<li><a href="#">Four</a></li>
<li><a href="#">Five</a></li>
</ul>
</div>
</div>
Sin embargo, al eliminar esto, esto funciona (pero obviamente no es el marcado preferido):
<div class="row">
<div class="large-12 columns text-center">
<a href="#">One</a>
<a href="#">Two</a>
<a href="#">Three</a>
<a href="#">Four</a>
<a href="#">Five</a>
</div>
</div>
¿Tiene alguna sugerencia sobre cómo las listas pueden verse afectadas por este estilo?
Gracias.