botl1k3: margin-Problem geschickt lösen?

Beitrag lesen

Hallo,

ich möche ein Bild floaten lassen, neben dem dann ein Text stehen soll, erstmal nur eine Überschrift mit einem h3-Element.
Das h3-Element ist in meinem Stylesheet mit margin: 15px 0px 0px 5px definiert, über dem ersten Bild ist jedoch schon ein p-Element mit margin: 10px 0px weswegen das margin des h3-Elements nicht den gewollten Abstand von der horizontalen Linie des images hat.
Wenn ich ein div herum mach bringt das genausowenig, wenn das div einen border hat funktioniert es allerdings..
Ich verstehe ja warum, mir fällt aber nicht ein wie ich das eleganz lösen könnte ;)

Hier mal ein Beispielcode:

      <p style="margin: 10px 0">test</p>  
  
      <img style="float: left" src="bild.jpg" alt="Bild">  
      <h3 style="margin: 15px 0 0 5px">Hier steht was schönes</h3>  
  
      <br style="clear: both">

Gruß