[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.