Floating a image with a caption under it

programming web dev
1

I have a basic paragraph with a image floated in it so the text wraps around the image. Like so

<p><img src="image.jpg" width="184" height="138" class="leftImage" /> some text</p>

Here is the css:

.leftImage{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	clear: both;
}

Now I want to add a caption under just the picture using the <em> tag. So that it will basically become part of the float and not flow with body text. I dont want to make the caption text part of the image…any ideas?