El paso a paso o código que encontrarás en este post es la solución más rápida y válida que encontramos a esta inquietud o dilema.
Solución:
reemplaza este css con lo que tienes para #cssmenu > ul > li:
#cssmenu > ul > li
display:inline-block;
margin-left: 15px; /* This is when the drop down box appears */
position: relative;
y agrega esto a tus códigos css:
#cssmenu > ul
text-align:center;
aquí está: http://jsfiddle.net/y4vDC/10/
necesitas tu li
elementos para ser inline
y luego usar text-align
en el elemento padre para centrarlos:
#cssmenu ul
text-align:center;
#cssmenu ul li
display: inline;
Para que queden como inline
debe eliminar el flotante de los elementos de la lista.
http://jsfiddle.net/y4vDC/13/
Valoraciones y reseñas
Tienes la opción de añadir valor a nuestro contenido informacional añadiendo tu veteranía en las explicaciones.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)