span nicht breiter als div

[Felix Riesterer]

Liebe(r) bugge,

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

IIIIEEEEHHHH!!!

Probiere es damit:

<p class="illustration">  
    <img src="" alt="" />  
    Bildunterschrift  
</p>

Nun vergibst Du eine feste(!) Breite für Textabsätze mit dieser Klasse, und dass der Text darin zentriert sein soll. Das Bild setzt Du auf display:block und den rechten und linken margin auf "auto".

Eine automatische Breite, die sich nur an der Grafik orientiert ist mit reinen CSS-Mitteln nicht möglich. Sollte der Text breiter werden, würde auch der Container breiter gemacht, daher mein Vorschlag mit der festen Breite.

Liebe Grüße,

Felix Riesterer.