Span dentro de LI

[juan 0]

Estou testando aqui.... Tenho um LI (óbviamente dentro de um ul..), e o conteúdo desse LI é:

:

 

[CSS]:

 

...

Porém, na renderização o text-align: right; não funciona:

 

Qual é o melhor jeito de colocar um pedaço do texto dentro da <li> no lado direito? Qual seria a forma mais correta e organizada para isso?

[void 1]

<li style="width:200px"><div style="float:left">texto</div> <div style="float:right">pg</div></li>

[juan 0]

Olha cara, esse jeito aí não deu muito certo não... Se tiver mais de dois items, fica numa posição errada, e tentando aqui com float:right nas classes ou style dos PG, ficam todos como se tivessem pulado uma linha, então o PG 1 fica como se fosse do segundo Item e assim por diante :/