Comment faire Pour centrer UN CSS Drop Down Menu

Je suis dans le besoin d'un peu d'aide. J'ai un CSS menu déroulant mais je veux les titres pour être centré donc sur toutes les tailles d'écran, il serait au milieu, comme au moment de sa collé à gauche.

http://jsfiddle.net/y4vDC/

Toute aide serait grandement appréciée.

Voici un peu de code HTML:

<div id='cssmenu'>
  <ul>
    <li><a href='events.html'><span>Events</span></a></li>
  </ul>

OriginalL'auteur DanCarroll | 2013-07-13

  1. 6

    remplacer cette css avec ce que vous avez pour #cssmenu > ul > li:

    #cssmenu > ul > li {

    display:inline-block;

    margin-left: 15px;       /* This is when the drop down box appears */

    position: relative;

}

    et les ajouter à votre code css:

     #cssmenu > ul {
        text-align:center;
 }

    ici, il est: http://jsfiddle.net/y4vDC/10/

    Merci beaucoup, a parfaitement fonctionné! 🙂
    il fonctionne, mais bousille parent vrd, depuis la seconde ul n'est pas absolue et lorsqu'il est ouvert à des changements de positions des parents

    OriginalL'auteur user1447420

  2. 2

    Vous avez besoin de votre li éléments à inline, et ensuite utiliser text-align sur l'élément parent de centre:

    #cssmenu ul {
  text-align:center;
}
#cssmenu ul li {
  display: inline;
}

    Afin qu'ils restent comme inline, vous devez supprimer le flotteur de la liste des éléments.

    http://jsfiddle.net/y4vDC/13/

    OriginalL'auteur pzin

  3. 0

    vous avez au moins 2 facile options:

    1. ensemble ul display:table et margin:auto; http://jsfiddle.net/y4vDC/11/
    2. ensemble ul display:inline-block et text-align:center parent http://jsfiddle.net/y4vDC/12/

    OriginalL'auteur G-Cyr