Reply To: Make Responsive Images & Captions Work Together

[Paulie_D]

Simple answer..you can’t exactly.

You need to have some width limitation that would cause the text to break….and that would apply to whatever element you are using, be it a figure / figcaption or whatever.

I get that you want the images to be a as big as possible so the only solution I can come up with is to use the figure/figcaption and position the figcaption absolutely on top of the image.

This will allow you to set the width to be no more that 100% width of the figure and the width of that can be set by the image.

http://codepen.io/Paulie-D/pen/mJddGJ