How can I wrap the main text around both an image and small text label underneath

I have always used tables for my web page layouts but am now trying to do the layouts using css instead.

Using css I know how wrap a main body of text around an image that has been floated to the right or left.

However, I want to achieve the following. Have an image with some separate text underneath (labelling the image), then have the main body of text wrap around both the image and the text label underneath. I can do this with table cells but is it possible using css?

I didn't want to create new images including text. Any help would be appreciated.

 

Put both the image and the caption in a single div and float the div. This can be done so long as you set the width of the div.

 

Thanks so much Ozan. Very simple and obvious. I'm still getting my head around divs but I'll get there eventually. I'm determined. LOL