[html]<ul id="consiglio_di_amministrazione">
<li>Paolo Rossi<span>Presidente</span></li>
<li>Roberto Verdi<span>Vice Presidente</span></li>
<li>Marco Gialli</span>consigliere</li>
</ul>
[/html]
Il foglio di stile:

ul#consiglio_di_amministrazione li {
 display: block;
 list-style: none;
 margin: 0;
 padding: 0;
 width: 100%;
}

ul#consiglio_di_amministrazione li span {
margin-left: 100px; ??? così non funziona
}

Vorrei fare in modo che quanto racchiuso tra <span></span> sia allineato alla stessa distanza sinistra rispetto all'inizio della lista li a prescidere da quale sia la lunghezza del nome che precede <span>.
Come posso risolvere il problema?
Grazie.