Positioning an image beside a paragraph

You can use the float property to position an image to the left or right of a paragraph.

Screenshot

Code

CSS

.caution {
float: left;
padding-right: 10px;
}

Usage

<p><img src="../caution.png" class="caution" />sample text … sample text</p>

Example

Click here to see an example.