2013-08-04 2 views
1

Je fais cette barre de navigation en CSS que vous pouvez voir à http://jsfiddle.net/JVgzW/Navbar est bizarre?

La balise <a> va directement sur la barre de navigation, et j'ai essayé le fixer en faisant display:block et des trucs comme ça, mais que dois-je faire?

+1

: inline-block sur tes éléments li? –

Répondre

3

Jetez un oeil: http://jsfiddle.net/JVgzW/1/
J'ai ajouté:

#navbar li{ 
    display: inline-block;  
} 

et text-align: center; à votre #navbar

+0

Ajoutez maintenant la hauteur de la ligne: 30px et vous ferez de lui la personne la plus heureuse sur terre. –

+0

@Layne c'est un grand privilège de rendre les gens heureux, n'est-ce pas? (en particulier avec quelques lignes de css :)) – Cherniv

+0

Merci, mais est-il possible d'espacer le tag ? Il semble un peu désordonné. –