Bilder mit Unterschrift inline darstellen

[Der Martin]

Hallo,

Ich habe einen Text, in dem ich ein Bild mit Unterschrift darstellen will. Dies soll im Text dargestellt werden. (Keine feste Position, wie ein einzelnes <img> element)
Mein Ansatz: Beides in einem div bündeln.

bis hierhin okay.

<div style="display:inline;">
  <img src="meinbild.jpg">
  <br>
  <span>meine Bildunterschrift</span>
</div>

So wirkt der Inhalt des div-Elements, als ob das div gar nicht da wäre. Es verhält sich neutral.

Das Problem ist jedoch, dass dieses Element trotzdem einen Zeilenumbruch erzeugt.

Nicht das div-Element, sondern das darin enthaltene br.

Kann man dagegen etwas tun?

Ja: Formatiere das div-Element als inline-block. Dann fließt es als Ganzes mit dem Text, bildet aber mit seinem eigenen Inhalt einen festen Block.

Wenn nein, was könnte ich alternativ machen um die Unterschrift immer unter dem Bild darzustellen?

Ich finde es seltsam, ein Bild mitsamt Bildunterschrift im Textfluss mitlaufen zu lassen, und kann mir im Moment keine Anwendung vorstellen, wo das sinnvoll erscheint ...

Ciao,
 Martin