Centrer des <li> dans un <ul>

Fermé
Jona - Modifié par Jona le 26/01/2012 à 15:24
 Jona - 26 janv. 2012 à 16:43
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 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
26 janv. 2012 à 15:46
Bonjour,
Un "text-align: center" ne suffit pas ?
0
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
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