luti: Bildunterschrift in divs ohne feste Breite

Beitrag lesen

Hallo in die Runde,

gibt es eine einfache Möglichkeit, Bilder mit langen Bildunterschriften korrekt floatend auszurichten, ohne eine absolute Breite des div/etc. anzugeben?

Der Code:

<div class="float_left">
   <img src="..." alt=".." title=".." />
   <br />
   <span>Hier steht eine sehr, sehr lange Bildunterzeie, die nicht umbrochen wird ...</span>
</div>

führt leider dazu, dass, wenn der Text länger als das Bild ist, er nicht umbrochen wird und über das Bild herausragt.

Natürlich könnte man im div-Container eine Angabe zur Breit machen, etwa style="width:200px;" - aber das ist nicht gerade flexible, müsste für jedes Bild neu angegeben werden. Besser wäre eine Lösung für beliebige Bildbreiten.

Vielen Dank!