Zwei divs oder span nebeneinander

[Pete]

Hallo,

bislang habe ich mich um css weitesgehend herumgedrückt, da vieles mit Tabellen einfacher und schneller zu codieren geht. Jetzt habe ich es aber versucht und stecke fest.

Von der Idee her möchte ich folgendes:

Eine Tabelle mit zwei Spalten, wobei die linke Spalte nur so groß ist wie ihr Inhalt und die rechte Spalte den restlichen Platz bekommt.

Irgendwie so etwas:

<div class="main">
<span class="left">Links</span><span class="right">Rechts</span>
<span class="left">Links</span><span class="right">Rechts</span>
<span class="left">Links</span><span class="right">Rechts</span>
<span class="left">Links</span><span class="right">Rechts</span>
</div>

oder vielleicht so?

<div class="main">
<div>
     <span class="left">Links</span><span class="right">Rechts</span>
</div>
<div>
     <span class="left">Links</span><span class="right">Rechts</span>
</div>
<div>
     <span class="left">Links</span><span class="right">Rechts</span>
</div>
<div>
     <span class="left">Links</span><span class="right">Rechts</span>
</div>
</div>

Den Rest mit den Farben und so, bekomme ich dann bestimmt schon hin, da das einfacher ist. Aber das Positionieren ist eine heikle Angelegenheit.

Pete