[CSS] Span in een list zetten om rechts uit te lijnen

[Ewald !]

Om te beginnen, margins, paddings en list-styles zijn al gereset.

HTML:

<ul class="stats clearfix">
    <li>Numbers of orders today: <span class="statslarge">302</span></li>
    <li>Topprovider today: <span>Alice <span>(23)</span></span></li>
    <li>Topproduct today: <span>ADSL <span>(89)</span></span></li>
    <li>Topdealer today: <span>ShopADSL.nl <span>(5)</span></span></li>
</ul>

Cascading Stylesheet:

#container_leftcolumn .blockcontent ul.stats li {
    border-bottom:solid 1px #b1b1b1;
    line-height:2em;
    height:2em;
    width:200px;
    margin:0 0 0 10px;
    }
    
#container_leftcolumn .blockcontent ul.stats li span {
    color:#f78f1e;
    display:inline;
    float:right;
    text-align:right;
    }
    
#container_leftcolumn .blockcontent ul.stats li span span {
    color:#bbbbbb;
    }
    
#container_leftcolumn .blockcontent ul.stats li span.statslarge {
    font-size:1.45em;
    font-weight:bold;
    }

Dit moet het worden:


maar dit wordt het :



Ik heb al diverse float's geprobeerd, net als diverse text-aligns maar het wil gewoon niet werken. Ben redelijk ten einde raad.. Waar gaat het fout? Ik kan jammer genoeg een url geven..

[H004]

Kan je hier wat mee?

Cascading Stylesheet:

ul.stats li {
    border-bottom:  solid 1px #b1b1b1;
    line-height:    2em;
    height:         2em;
    width:          300px;
    margin:         0 0 0 10px;
    }
    
ul.stats li span.start {
    color:          #f78f1e;
    display:        inline;
    float:          left;
   
    }
    
ul.stats li span.aantal {
    float:          right;
    }
ul.stats li span.aantal span {
    color:          #f78f1e;
    }

HTML:

<ul class="stats">

    <li>
            <span class="start">Topproduct today:</span><span class="aantal">ADSL <span>(89)</span></span>
    </li>
    
</ul>

Ik float nu eerst de tekst die semantisch gezien links zou moeten beginnen links, en float de rest vervolgens rechts. Het kan ook simpeler, met 1 float, maar dat levert de situatie op dat de begintekst (Topprocider today) na de provider komt in de html. Zo klopt de volgorde voor searchengines en screenreaders ook.

[Ewald !]

Túúúúrlijk

Het werkt, bedankt