Centrer des <li> dans un <ul>

Jona -  
 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.

2 réponses

AssassinTourist Messages postés 7838 Statut Contributeur 1 312
 
Bonjour,
Un "text-align: center" ne suffit pas ?
0
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
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