[SOLUCIONADO] Nav centrado que ocupe todo el ancho de la pantalla

[blancoarnau]

Hola a todos. Estoy diseñando una web pero tengo unos problemillas con el nav dónde se puede ir a las diferentes páginas de la web. El problema es que quiero que ocupe todo el ancho de la pantalla y que los enlaces de las páginas estén más o menos centrados, no quiero que me ocupen también todo el ancho de la pantalla.
Lo he intentado y me he quedado en esto:



Mi código HTML:

Código HTML:

<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Interesante</a></li>
<li><a href="#">Tiempo</a></li>
<li><a href="#">Galería</a></li>
<li><a href="#">Participar</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
 

Y mi código CSS (eliminando el resto de los elementos de la web):

Código CSS:

nav ul li a{
text-decoration:none;
color:white;
}
nav ul li a:hover{
color:grey;
}
nav{
border-width:1px;
margin-left:25%;
}
nav ul li{
border-width:1px;
text-align:center;
padding-left:10px;
padding-right:10px;
font-size:30px;
font-variant:small-caps;
float:left;
background-color:black;
list-style:none;
}
*{
padding:0px 0px;
margin:auto;
}
 

[pzin]

Sin flotar los elementos de la lista, algo así te valdría:

Código CSS:

nav ul {
  text-align: center;
}
 
nav ul li {
  display: inline-block;
}
 

[blancoarnau]

No me funcionó me quedó esto:

[pzin]

Hombre, tendrás que quitarle ese margen que le pusiste al elemento de navegación.

[blancoarnau]

De acuerdo. Ya lo he hecho, pero sigue habiendo estos "espacios" entre enlace y enlace.

[C2am]

Bueno, aquí: http://ksesocss.blogspot.com/2012/03...empeno-en.html podrás encontrar la solución.

Saludos