ciao

sto letteralmente "sbroccando"
non riesco ad allineare una parte del testo in una lista

il codice che uso è il seguente :

<div id="contenitore">
<div id="contenuto">


<h2>dove mangiare</h2>


<h3>xxxxxxxxx</h3>
<div class="dovemangiare">
<ul id="operatore">[*]Ristorante 1

Via xxxxxx n. 99 <span class="telefono">055 9999999</span> [*]Ristorante 2

Via xxxxxx n. 99 <span class="telefono">055 9999999</span> [*]Ristorante 3

Via xxxxxx n. 99 <span class="telefono">055 9999999</span> [/list]
</div>
</div>
</div>

quello che vorrei ottenere è che la calsse "telefono" fosse allineata a destra ottenendo cioè questo risultato:

.Ristorante 1
Via xxxxxx n.99 055 8199999
.Ristorante 2
Via xxxxxx n.99 055 8199999
.Ristorante 3
Via xxxxxx n.99 055 8199999

ho provato con

#telefono{
text-align:right;
}

#dovemangiare #telefono{
text-align:right;
}

e tantissimi altre soluzioni ma il telefono rimane a sinistra

se provo invece a cambiare colore quello funziona

dove sto sbagliando?

Grazie

Antonella