One thing that worked for me is to put the image tag inside a "span" and then insert this combo (span + img) inside the paragraph tag, like this:
Code:
<p><span class = "float"><img src="images/image.png" alt = "" />image caption</span>paragraph text</p>
Code:
.float {
float: left;
margin-right: 1em;
margin-bottom: 0.5em;
}
Works with or without the caption.
If the text is a list (ordered or unordered), just insert the combo (span + img) inside the first list item, then add the property "list-style-position: inside;" in the css, like this:
Code:
<ul>
<li class="inside"><span class = "float"><img src="images/image.png" alt = "" /></span>list item text</li>
</ul>
Code:
li.inside {
list-style-position: inside;
}