En realidad es sencillo:
<div>
<ul>
<li class="derecha">derecha</li>
<li class="izquierda">izquierda</li>
<li class="centro">izquierda</li>
</ul>
</div>
y la css:
.derecha { float: right;}
.izquierda { float: left;}
Es decir, siempre que quieras alinear algo a la derecha y en la misma línea otras cosas a su izquierda, es recomendable que primero pongas las cosas que van a la derecha y luego lo que va a su izquierda, por el flujo del documento.
Mikel.