Messerscharf habe ich geschlossen
.bild_mit_legende h3, <* <------ *>
.bild_mit_legende p,
.bild_mit_legende imgDer Text im p-tag verschwindet trotzdem unter das Bild!
klar weil 3 mal 40% > 100% ist.
Wende deine eigene Arithmetik an.
Und rechne bitte mit whitespace zwischen den inline-block Elementen.
Aber vielleicht willst du ja gar nicht:
<div class=bild_mit_legende>
<img>
<h3 />
<p />
</div>
sondern:
<div class=bild_mit_legende>
<img>
<div class=legend>
<h3 />
<p />
</div>
</div>
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische