Alignement avec Float [Résolu]

[gambas1900]

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 :

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 :

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.

[Emyleen]

Bonjour,

Déjà pourquoi ajouter une div #nav? Tu peux directement donner des caractéristiques css à la balise nav.
Essaye de mettre tes li en display: inline-block; à la place du float

[gambas1900]

Ah ! merci bien ça marche