Float&Clear Frage

Und zwar geht es um etwas eigentlich völlig simples.
Ich habe einen Text in p und ein input Element, möchte jeweils input jeweils rechts neben p packen und danach das ganze in ne neue Zeile.
Wie ich aus Neomicsthread schon entnommen habe ist das mit der Darstellung nebeneinander ja recht einfach, einfach alle float left, nur steht dann alles nebeneinander.
Sähe dann so aus

<div>
<form>
<p style="float:left;">Text</p><input.. style="float:left;">
<p style="float:left;">Text</p><input.. style="float:left;">
<p style="float:left;">Text</p><input.. style="float:left;">
...
</form>
</div>

Nun soll das Ganze aber z.B. nen GB-Formular werden und ich will jeweils nur ein p&input pro Zeile haben. Dazu hatte ich ausprobiert bei den Ps noch clear:left dazu zu setzen. Das funktioniert auch auf einer Testseite gut nur im Zusammenspiel mit dem anderen Layout nichtmehr. Da orientiert sich clear dann nämlich an Div Containern außerhalb des eigenen und steht dann darunter.
Also ich habe links eine navi, rechts auchnochwas und das steht dann darunter. Wie kann ich das verhindern, gibt es ne Möglichkeit das clear sozusagen auf den eigenen div zu beschränken?

Leider hat die Lösung einen kleinen Schönheitsfehler, etwas JS ist notwendig, um bei mozilla das fehlede inline-block auszubügeln. Das lässt sich aber angesichts des sonst schönen Alistapart-Codes verkraften.