Frage zur vertikalen Ausrichtung eines Anfängers, ...

[Jimmy]

... daher bitte um Nachsicht!

Ich möchte in der Mitte (horizontal) der Seite ein Bild haben und links und rechts davon Text der jeweils etwa mittig (vertikal) zum Bild erscheint.
Also so:

xxxxxxxxxxxxxxxxxx
                   xxxxxxxxxxxxxxxxxx
Text links         xxxxx Bild xxxxxxx     Text rechts
                   xxxxxxxxxxxxxxxxxx
                   xxxxxxxxxxxxxxxxxx

Versucht habe ich dies mit:

  
<div style="float:left; margin-top:5em; ">Text links<br>vom Bild</div>  
<div><img src="bild.gif" alt="">  
</div>  
<div style="float:right; ">Text rechts<br>vom Bild</div>  

Anstelle der margin-Angabe habe ich es auch mit padding versucht.
Beides führte zum gleichen Ergebnis, nämlich dass der Text links etwa in der Höhe passte, der Text rechts aber am unteren Rand des Bildes stand.
Mit einer margin- oder padding-Angabe rutscht dieser noch weiter nach unten.
Wie bekomme ich auch den rechten Text in (etwa) die Mitte des Bildes?