span nicht breiter als div

[bugge]

Hallo,

ich habe folgende Struktur für meine Bilderanzeige:

<div class="pic">
  <img src=""><br>
  <span>
    Bilderunterschrift
  </span>
</div>

Wie bekomme ich es hin, dass das Div so breit ist wie das Bild (Größe der Bilder variabel) und der Text in der Span automatisch umgebrochen wird, sodass er nicht Breiter wird als das Bild?

Danke und Gruß