Centrer des <li> dans un <ul>

Jona -

Bonjour,

J'ai un menu (ul) contenant différents liens (li). La class .container est appliquée au <ul> pour center celui-ci sur la page.

CSS :

.container { margin: 0 auto; width: 600px; }  
nav li { float: let; }

HTML:

<ul clas="container">  
   <li><a href="#">Lien1</a></li>  
   <li><a href="#">Lien2</a></li>  
</ul>

Ma question est : comment faire pour que les <li> soient centrés dans le ul ? Merci.

Afficher la suite

2 réponses

Réponse 1 / 2
AssassinTourist Contributeur
Bonjour,
Un "text-align: center" ne suffit pas ?
0
Réponse 2 / 2
Joe
Effectivement, il te suffit d'ajouter le text-align: center. Il faut aussi que tu enlèves "nav".
Et attention : tu as mis clas="container" au lieu de class (avec 2 s).
0
1. Jona
  
  Je confirme, le text-align: center; ne suffit pas. (Petite faute pour la class et à 'left' ;-) Pardon)
  Je ne dois pas retirer le nav, je veux appliquer cet effet uniquement aux <li> se trouvant dans la balises <nav> (HTML5).
  
  -1