This is how I do images, taken directly from the "Quick and dirty EPUB".
<div class="ic">
<h3 title="Figure 1"><img alt="" src="../Images/figure_1.jpg"/></h3>
<p class="caption">Figure 1: some text</p>
</div>
However, I think there is too big a distance between image and caption. How to get them closer?
This is my CSS:
.ic { page-break-inside: avoid; }
.caption { font-size: 0.9em; text-align: center; text-indent: 0;
margin-bottom: 1em;}