Assolutamente no.
Ecco come ho risolto:
Codice xHtml:
codice:
<div id="box-info">
<ul>[*]<span>
[img]freccia.gif[/img]
Info</span>[*]<span>
[img]freccia.gif[/img]
Persone</span>[/list]
</div>
Codice CSS:
codice:
#box-info {
width: 100px;
float: right;
background-color: #FF9900;
border-top: 1px solid #f90;
border-bottom: 1px solid #f90;
}
#box-info ul{
margin:0;padding: 0;
list-style: none;
}
#box-info span {
display:block;
font-variant: small-caps;
font-weight: bold;
color: #FEEACD;
background-color: #ff6633;
width: 75px;
margin: 2px 1px 1px 0;
margin-left: auto;
text-indent: -7px;
}
#box-info span img{
position: relative;
left: -15px;
}
In pratica ho eliminato list-style e ho inserito una gif manualmente per ogni[*] alla quale ho dato -15px sulla sinistra.
Non mi piace come soluzione.
Non è nella filosofia dei Css ma non ho trovato di meglio.