Text nur unterhalb eines Bildes - wenn nötig Zeilenumbruch

[Gast]

Hallo,

ich versuche mich gerade erfolglos an folgendem Setup:

Ich habe zwei Bilder nebeneinander und möchte zu beiden eine Fussnote erfassen. Der Text beider Fussnoten ist aber länger als das jeweilige Bild breit ist sodass der Text unter dem Bild entsprechend umbrechen müsste.

Kann man sowas mit CSS-Mitteln überhaupt lösen?

Mein aktueller Stand:

  
<span>  
   <img src="bild1.png" style="float: bottom"/>  
   <span class="klein">jede menge text der unter dem bild stehen soll</span>  
</span>  
<span>  
   <img src="bild2.png" style="margin-left: 10px"/>  
   <span class="klein">wieder ganz viel Text der nur unter diesem Bild stehen soll</span>  
</span>  

Danke im Voraus.