Thomas J.S.: text (links) und grafik (rechts) in <div> ausrichten

Beitrag lesen

Hallo,

|TEXT       GRAFIK|

Das ganze soll ohne Tabelle o.ä. erfolgen. Ich komme leider nicht weiter. Sobald ich das Bild rechts ausrichte, rutscht es nach unten weg. Text und Grafik müssen aber vertikal mittig sein. Auch das Attribut "vertical-align: middle" hat nicht viel gebracht, da das Bild dann nicht mehr rechtsbündig ist. VERZWEIFEL!
Hier mein bisheriger Versuch:

Am einfachsten geht es immer noch mit einer Tabelle.
Du kannst auch mit folgendem Code experimentieren.
---------
<div style="border:solid 1px red; float:left; width:80%; height:50%;">
Das ganze soll ohne Tabelle o.ä. erfolgen. </div>
<div style="border:solid 1px blue; width:20%; height:50%; float:right; text-align:right;"><img src="libera.gif" width="70" height="22" alt="" border="0"></div>
-------------
-------------

<div style="border:solid 1px red; width:90%;">
<span style="float:left;">Das ganze soll ohne Tabelle o.ä. erfolgen. </span>
<div style="margin-top:auto; margin-bottom:auto; clear:both; float:right; border:solid 1px blue;"><img src="libera.gif" width="70" height="22" alt="" border="0"></div>
</div>
---------

Grüße
Thomas