Espacement horizontal des barres de navigation

Question

Je tente de créer une barre de navigation horizontale en CSS. J'utilise le CSS de cette page et il semble fonctionner correctement: http://css.maxdesign.com.au/listamatic/horizontal27.htm

... mais si vous passez la souris sur l'un des liens dans l'exemple, il y a un petit espace sur le côté gauche de chaque élément juste avant la barre blanche verticale. J'ai le même problème avec ma barre de navigation. Y a-t-il un moyen de supprimer cet espace? Ou y a-t-il une meilleure façon de créer une barre de navigation horizontale centrée?

Merci!

Answer 1

<ul id="navlist"> 
    <li id="active"><a id="current" href="#">Item one</a></li><li><a href="#">Item two</a></li><li><a href="#">Item three</a></li><li><a href="#">Item four</a></li><li><a href="#">Item five</a></li> 
</ul> 

Supprimer toutes les nouvelles lignes entre <li> éléments. La nouvelle ligne dans le code est interprétée comme un espace, c'est le problème, ce n'est pas le style.

vous pouvez également ajouter du style:

#navcontainer ul li a { 
    margin-left:-3px; 
}