CSS: Comment puis-je centrer une liste horizontale? Affichage: Inline ne fonctionne pas

J'éprouve de grandes difficultés à obtenir le plus simple des codes de travail. Je veux que mon css horizontal liste pour être centré, c'est tout.

Lien ici: http://bit.ly/LtIBai

J'ai ce code:

#megaMenu.megaMenuHorizontal ul.megaMenu {
text-align: center;
 }

#megaMenu.megaMenuHorizontal ul.megaMenu > li {
display: inline;
}

Pourtant, il ne sera pas le centre?

REMARQUE: La fenêtre doit être à "tablette portrait" de taille pour voir le code, je fais allusion. Environ 800px de large, lorsque le logo est centré et le menu tombe à la ligne suivante, mais avant que le mobile de menu s'affiche.

source d'informationauteur Rob Vanders

  1. 28

    La raison pour laquelle ils refusent de centre est parce qu'ils sont aussi flottait à la gauche. Changement dislay: inline à display: inline-block; float: none et ils semblent se concentrer.

    Edit: Il y a beaucoup (pour la plupart inutiles) code CSS là-bas, alors vous aurez probablement besoin de bidouiller un peu d'autres choses avant qu'il ressemble à droite, mais le flottant est la cause de la non-centrage au moins.