Comment aligner le centre du menu de navigation horizontal

Question

Je crée un thème Wordpress basé sur le thème Twenty Eleven et je n'arrive pas à déterminer comment avoir le centre de la barre de navigation automatiquement pour ne pas avoir à le mettre à jour constamment.

Voici mon CSS: http://pastebin.com/SGvKmXEb

Voici le PHP/HTML: http://pastebin.com/TBL1nzjV

Il peut y avoir des propriétés en double dans le CSS, mais seulement parce que je suis toujours à expérimenter avec cela et tester plusieurs choses ...

Merci d'avance pour l'aide!

Answer 1

Ce marché pour moi sur le site de test que vous avez fourni

#access li { 

float: left; /*delete*/ 
display:block; /*delete*/ 

display:inline-block; /*add*/ 

} 

#access ul { 

margin-left: 25%; /*delete*/ 
margin-right: 25%; /*delete*/ 
width: 1000px; /*delete*/ 
height: 10px; /*delete*/ 

margin-bottom: 0px; /*add*/ 
margin-left: 0px; /*add*/ 
padding: 0px; /*add*/ 

} 

Answer 2

je choisirais une approche inline-block.

.containerElement { 
    width: 100%; 
    text-align: center; 
} 

.childElements { 
    display: inline-block; 
} 

Pour le faire fonctionner dans votre code, vous devez supprimer .containerElement (#access ul) de hauteur fixe et .childElements (#access li) propriété flottante.