CSS- verschiedene text-align in einer Zeile

[Struppi]

Der link "Inhaltsverzeichnis" soll linksbündig stehen mit einem Abstand von 44px zum linken Bildschirmrand.
Die links "anzeigen" "zurück" und "weiter" stehen rechtsbündig mit einem Abstand von 44px zum rechten  Bildschirmrand und zueinander.

Da ich in Zukunft auf Tabellen als Layoutmittel verzichten möchte, soll das auf CSS umgeschrieben werden.
hier noch 'mal zwei Versuche, die nicht funktioniert haben:

Möchtest du sowas:
<style>
#links
{
    float:left;
    text-align:left;
    margin-left:44px;
}
#rechts
{
    float:right;
    text-align:right;
    margin-right:44px;
}
</style>

<span id="links">Inhaltsverzeichnis</span>
<span id="rechts">anzeigen..........zurück.........weiter</span>

Struppi.