Bild und Text nach unten bündig mit CSS positionieren

Hallo,
ich möchte innerhalb eines Abschnitts ein großes Bild mit einem kurzen Text nebeneinander so positionieren, daß beides unten ausgerichtet ist.

Mit Tabellen würde ich es so machen

<table>
<tr>
<td valign="bottom"><img src="meinbild.jpg"></td>
<td></td>
<td valign="top">Mein Text</td>
</tr>
</table>

Wie mache ich es mit CSS? Hätte gedacht, daß float-Anweisungen hier funktionieren würden

<div>
<img src="meinbild.jpg" style="float:left">
<div style="float:right;vertical-align:bottom"> Mein Text</div>
</div>
<div style="clear:both"></div>

aber das ist wohl nicht ganz richtig....

Hm, der Text ist leider doch zweizeilig.... mit line-height krieg ich da einen zu großen Abstand zwischen den zwei Zeilen...geht es nicht doch irgendwie mit einem Bild-Div, einem Text-Div, ggf. weiteren Hilfs-Divs als gemeinsame Container und irgendwelchen Float-Anweisungen?

Ich hab's jetzt nochmal so versucht:

<div>

<p>
Dieser Text soll über das Bild
<p/>

<p>
<div style="float:left"/><img src="bild.jpg" /></div>
<div style="float:right;vertical-align:bottom;height:90px"/>Dieser Text soll daneben, nach unten ausgerichtet.</div>
</p>


<p style="clear:both">Dieser Text soll untendrunter.</p>

</div>

Leider: wenn ich das clear:both reinnehme, funktioniert das Floaten nicht, dann sitzt der Text unter

Ein Beitrag aus diesem Thread wurde in einen neuen Thread verschoben:

wie kriege ich button auf die untere seite meiner website