Estoy haciendo un menú en una página. Hace poco leí que es mejor poner los menús en listas por accesibilidad, manejo y no recuerdo que tanto, por tanto, lo estoy poniendo así:
Código HTML:
<ul>
<li><a href="pagina1.html">página1</a></li>
<li><a href="pagina2.html">página2</a></li>
<li><a href="pagina3.html">página3</a></li>
</ul>
La idea que tenía, era poner el clásico sencillo menú de tipo
página1 | página2 | página3
Centrado. Para ello, lo puse dentro de un div clase menú que lo centra, y luego estas dos líneas para ponerlo en la línea:
Código:
#menu{list-style:none;}
#menu li{float:left;}
Por supuesto, el "float:left" hace que por tanto, el menú se ponga a la izquierda, y se pierda el centrado. ¿Cómo puedo hacer para lograr el efecto que deseo? Gracias de antemano