The way I have handled this in the past is to wrap the image in a <span>
and float that element. You should be able to add text after the image but still inside the <span>
without issue.
The only caveat is that you need to specify the width of the <span>
. Since your images may vary, I would suggest doing this inline, setting the <span>
's with to match the width of the image.
<span class="capimg" style="width:200px;">
<img src="http://tinyurl.com/qzxz95c" />
This is what I would consider in terms of captioning. It should handle pretty much any length of text.
</span>