image caption left aligned under centered image

Question

I have some images with captions. The images are centered on the sites and the caption should be shown under the images. Very simple so far but here's the problem: the captions should be left-aligned and start under the bottom-left-corner of the image (like in newspapers)

I can think of a solution with tables but I don't like it because tables are here to show table data and not images and image captions

table solution:

<table class="centered-table">
  <tr><td class="image"><img src="stackoverflow.jpg" /></td></tr>
  <tr><td class="caption">Unanswered question on stackoverflow.com</td></tr>
</table>

Answer 1

I would use <figure> and <figcaption> with a tiny bit of display: table to get the effect you want.

See this Example