Bonjour,

J'ai un petit problème pour aligner mon texte sur ma barre de menu.

Au lieu de me mettre le texte comme ceci, l'attribut float me met le texte comme cela.

Voici un aperçu de mon code HTML :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<nav>
<div id="nav">
<ul>
<li><a href="#">ACCUEIL</a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a href="#">CV</a></li>
</ul>
</div>
</nav>
Et de mon CSS :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
#nav { 
background:url(images/nav.png) no-repeat center; 
padding: 10px 0; 
}
 
#nav ul li {
list-style: none; 
float: left;
}
 
#nav ul li a {
font-size: 1.3em;
text-align: center;
display: block;
}
Je commence tout juste à coder, j'ai donc du oublier plusieurs choses.

Merci d'avance.