Comment puis-je centrer le menu sur mon site WordPress?

J'essaie d'obtenir le menu sur mon site WordPress pour aligner le centre.Comment puis-je centrer le menu sur mon site WordPress?

J'ai essayé un tas de choses, y compris tirer le flotteur: gauche; Entrée CSS, mais cela ne fonctionnera pas.

Quelqu'un peut-il m'aider s'il vous plaît?

Merci beaucoup!

2011-06-16 IsaacL

Retirer le style float: left; et ajoutez ce style:

ul#top-menu { 
    margin: 0 auto; 
    width: 425px; /*the menu width*/ 
}

2011-06-16 04:57:41

Semble travailler - merci !! – IsaacL

Donnez #top-menu une largeur explicite width: 450px et margin: 23px auto 0 auto;

Débarrassez-vous du float: left.

Vous pouvez également créer les éléments li en ligne des blocs display: inline-block et utiliser text-align: center sur leur parent.

2011-06-16 04:59:02 alex

Est-ce la même chose que la réponse affichée ci-dessus? – IsaacL

@Isaac Oui c'est. – alex

J'ai essayé le texte-align: chose du centre, mais il n'a pas semblé fonctionner ... – IsaacL

ul#top-menu { margin-top: 23px; font-weight: bold; margin-left: auto; margin-right: auto; width: 420px;}

2011-06-16 05:03:33 zad

Que diriez-vous de margin-left: 30%? Il suffit de l'ajuster pour être exactement centré ...

2011-06-16 05:12:34 Teak

Auto semble fonctionner mieux ... – IsaacL

Répondre