Positionering av länkar

Jag har ett pussel på sidan och under det två länkar till föregående resp nästa. Dessa länkar vill jag ha (helst) i varsin ände av pusslet, så att föregående är till vänster och nästa till höger, men jag får inte till det?

Första försöket som var menat att lägga länkarna så långt åt höger/vänster som möjligt i skärmen gav samma resultat som då jag tar bort style-delen, dvs ingen alls. Länkarna hamnar omedelbart efter varann, till vänster i fönstret. Varför då?

<p><a style=\"float: left;\" href="http://.../genJS.php?Pid=78&Type=JS&Cut=13">PREVIOUS JS <<< </a>
<a style=\"float: left;\" href="http://.../genJS.php?Pid=86&Type=JS&Cut=13">>>> NEXT JS </a>

Hur kan jag annars lösa det?

Tycker kanske att åtminstonde en av länkarna borde ha float: right, men det är bara jag :)

<div style="width: 100%;">
<div style="float: left;">
<a>1</a>
</div>
<div style="float: right;">
<a>2</a>
</div>
</div>

Dom måste läggas i containers. Antar jag. :)

Ett stycke/paragraf ska inte kunna ha ett längd-attribut (bl.a.), så vitt jag vet, trots att de flesta webbläddrare tar det som giltigt.

Tack, SPiN! Hur får man in en tredje länk mitt imellan dessa två?

headbug, det var en miss i inskrivningen här...

Jag skulle ha skapat en tabell...

<table style="width: 100%">
<tr>
<td style="text-align: left;">
<a>1</a>
</td>
<td style="text-align: center;">
<a>2</a>
</td>
<td style="text-align: right;">
<a>3</a>
</td>
</tr>
</table>

Ett annat sätt är att göra lagren flytande, och positionera ut dom manuellt.

Snabb hackade.. funkar FF 2 och IE 6

<div style="width:100%; clear:both; text-align:center;">
<div style="width:100px; float: right; text-align:right;">
<a href="">Right</a>
</div>
<div style="width:100px; float:left; text-align:left;">
<a href="">Left</a>
</div>
<div style="width:100px; margin:0 auto;">
<a href="">Middle</a>
</div>
</div>