The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Make Responsive Images & Captions Work Together Reply To: Make Responsive Images & Captions Work Together


Simple 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.