Saltar al contenido

Cómo centrar un menú desplegable de CSS

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 inliney luego usar text-align en el elemento padre para centrarlos:

#cssmenu ul 
  text-align:center;

#cssmenu ul li 
  display: inline;

Para que queden como inlinedebe 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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *