Buon giorno.
Ho questo menu a tendina:
codice:
<select name="mMenu" id="mMenu">
<option value=''>N.Aperte&nbsp;&nbsp;|&nbsp;&nbsp;Assegna a</option>
<option value=''>100&nbsp;&nbsp;|&nbsp;&nbsp;M.Rossi</option>
<option value=''>10&nbsp;&nbsp;|&nbsp;&nbsp;R.Verdi</option>
<option value=''>5&nbsp;&nbsp;|&nbsp;&nbsp;M.Giallo</option>
</select>
All'interno delle option ho: "100|M.Rossi".
Vorrei fare in modo di distanziare i 3 valori, in modo preciso come se fossero dentro le "td" di una tabella.

Ho provato ad utilizzare "div o span" dandogli uno stile in questo modo, ma non funziona:
codice:
<option value=''><span style='margin-right:25px;width:25px'>100</span><span>|</span><span>M.Rossi</span></option>
i 3 valori, restano sempre attaccati l'uno all'altro.
Come posso fare?
Grazie mille.