evitare il testo a capo

[xtommy2]

Salve, ho questo codice CSS:

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:

    <div id="tabcont1" class="tabpanel">
      <ul id="tabcont1-nav" class="tabnav">[*]<span>SERVIZI FINANZIARI</span>[img]images/lineamenu.gif[/img][*]<span>ELICA SERVICES</span>[img]images/lineamenu.gif[/img][*]<span>COURTESY YACHT</span>[/list]
    </div>

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.

[Mich_]

Piccolo trucchetto:
Se non vuoi che uno spazio faccia andare a capo ...
usa al posto dello spazio l'entita` non-breaking-space (initaliano spazio unificatore) messa a disposizione dall'HTML










 

[xtommy2]

Grazie per il suggerimento. In attesa della risposta ho comunque risolto rinunciando alla lista e formattando direttamente il tag <a>.
Ciao.