Centering and aligning width of figcaption tag on image in figure tag

Question

I\'ve spent two days now attempting to resolve a fig/figcation issue to no avail.

I have a Django application where users are able to submit images and I\'m using the fi

Answer 1

The solution for this problem is to play with TABLE and TABLECAPTION. It's just 2 lines of code.

You can see a live preview of this solution on the website: http://www.sandrasen.de/projektgebiete/kienheide/

figure { 
  display: table; 
}

figcaption { 
  display: table-caption; /* aligns size to the table of the figure
  caption-side: bottom /* makes the caption appear underneath the image/figure */
}