Box wird nicht richtig positioniert

[themaster3000]

Hallo,

In der Grafik ist die gewünsche Anreihung von Boxen zu sehen.
Die Box 1 wird nicht wie vorgesehen links angeordnet, verschiebt stattdessen die boxen 3 und 4 nach unten.


p.1 {WIDTH: 50px; HEIGHT: 20px; FLOAT: left;} // wird nicht richtig positioniert
p.2 {WIDTH: 200px; HEIGHT: 10px; FLOAT: left;}
p.3 {WIDTH: 100px; HEIGHT: 10px; FLOAT: left;}
p.4 {WIDTH: 100px; HEIGHT: 10px; FLOAT: left;}
p.5 {WIDTH: 50px; HEIGHT: 20px; FLOAT: right;}

<p class="2"></p>
<p class="5"></p>
<p class="3"></p>
<p class="4"></p>

Wie stelle ich an, dass die Box 1 wie in in der Skizze richtig angeordnet wird?

So sollte es sein:


So ist die aktuelle Darstellung

[themaster3000]

Gut, ich stand auf dem Schlauch. Irgendwo hat sich ein Fehler eingeschlichen, sodass die folgende Lösung erstmals nicht korrekt dargestellt wurde, nun aber schon:

<p class="1"></p>
<p class="2"></p>
<p class="5"></p>
<p class="3"></p>
<p class="4"></p>

Thema erledigt. Danke!