WordPress.org

How it works

In your WP text editor the image code generally looks something like this:

<img src="http://www.yoursite.com/wp-content/uploads/someimage.jpg" alt="My image caption" title="My image caption" height="150" width="250" align="right" />

It will output on your website like this:

<div style="width: 250px; float: right;" class="caption">
<img src="http://www.yoursite.com/wp-content/uploads/someimage.jpg" height="150" width="250" /><br>
<span>My image caption</span>
</div>