Espace sur la navigation droite et gauche ... comment l'enlever?

Question

En ce moment, ma navigation ressemble à ceci:

Il y a des espaces énormes aux extrémités de celui-ci, et je ne sais pas vraiment comment sortir.

CSS:

nav { background: #282828 url(../images/nav-bg.png) repeat-x; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; margin: 24px auto; padding: 18px 29px; width: 670px; } 
nav ul { margin: 0 auto; } 
nav ul li { background: url(../images/nav-sep.jpg) left center no-repeat; display: inline; padding: 32px; margin: 0 auto; } 
nav ul li:first-of-type { background: none; } 
nav ul li a { color: #626262; font: 16px Arial, Helvetica, serif; } 

Answer 1

Essayez de changer le width à quelque chose plus petit que dans votre première 670 pixels règle là, et changer le padding à une valeur inférieure si nécessaire.

Answer 2

Modifier cette partie. La deuxième valeur est la quantité de remplissage à droite et à gauche.

nav { padding: 18px 29px; }

Answer 3

Si vous parlez de l'élément de menu espace après contact, je pense qu'il peut être résolu en changeant la largeur définie sur ul tag. Je pense que vous pouvez tout supprimer en définissant l'affichage: en ligne sur l'étiquette ul