Text um Bild floaten lassen - wie danach clearen?

[jobo]

Hallo,

  
<h2>Bereich</h2>  
<h3>Name1</h3>  
<p>  
<img src="name1.jpg">  
Text und nochmehr Text ...  
</p>  
<h3>Name2</h3>  
<p>  
<img src="name2.jpg">  
Text und nochmehr Text ...  
</p>  
<!-- etc pp -->  

Wenn ich dem Bild ein float:left geben (was ich eh nicht verstehe, denn es ist ja ein inline-Element), dann müsste ich den h3 ein clear:left geben. Aber dann haut er mir auch beim ersten h3 einen großen Absatz davor, obwohl es da oder grade weil es da nix zu clearen gab, vermute ich.

Wie mach ich das denn richtig? Das Prinzip konnte ich hoffentlich klar machen, die Aufgabenstellung ja eigentlich auch recht simpel. Habe jetzt ein hässliches <div style="clear:left"></div> dazwischen gepackt. Missbrauch hoch 10 und noch inline-style...; bäh.

Dank und Gruß

jobo