Vänster- och högerjustering, CSS!

Hur ersätter jag detta med CSS?

<table width="100%"><tr><td align="left">Till vänster</td><td align="right">Till höger</td></tr></table>

Tycker det här är logiskt, men det fungerar ej!

<p style="width: 100%"><span style="text-align: left">Till vänster</span><span style="text-align: right"> Till höger</span></p>

Vet att jag sett en fungerande lösning någonstans, dock osäker på var..

Så här kanske:

<table width="100%">
<tr>
<td style="text-align: left">Till vänster</td>
<td style="text-align: right">Till höger</td>
</tr></table>

Ja just det, men jag vill inte använda <table> alls. (Skulle jag kanske sagt från början!)

<div style="width:100%;border:1px solid #555;">
 <div style="float:left;background:#F00;">Vänter</div>
 <div style="float:right;background:#0F0;">Höger</div>
</div>

Så här kan man göra då...

STILMALL:

.container { width: 100%; }
.left { width: 49%; float: left; }
.right { width: 49%; float: right; }

KOD:

<div class="container">
<div class="left"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p></div>
<div class="right"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p></div>
</div>

Red:

Sen kan man lägga till lite align i divvarna...

.container { width: 100%; }
.left { width: 49%; float: left; text-align: left; }
.right { width: 49%; float: right; text-align: right; }

eller kanske

.container { width: 100%; }
.left { width: 49%; float: left; text-align: justify; }
.right { width: 49%; float: right; text-align: justify; }

Tusen tack!