Salve, ho questo codice CSS:
codice:
ul.tabnav {
width: 720px;
overflow:hidden;
list-style: none;
margin: 0;
padding-left:90px;
padding-right:90px;
background-color:#A8A9AC;
}
ul.tabnav li {
float: left;
margin: 0 0 0 0;
padding: 0
}
ul.tabnav a {
float: left;
padding: 0 0 0 0;
text-decoration: none;
}
ul.tabnav span {
display:block;
height:22px;
line-height:22px;
color:#FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 8px;
letter-spacing:2px;
text-align:center;
}
che poi applico a questa porzione di codice:
il problema è che nei link, composti da due parole, il testo va a capo dopo la prima parola e la larghezza è quella della parola con più lettere. Io vorrei invece che il link rimanga su una sola riga, adattando la larghezza in automatico.
Non riesco proprio a capire come fare.