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:
Y mi código CSS (eliminando el resto de los elementos de la web):
Código CSS:
Ver originalnav 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;
}