<html>
<body>
<p><strong>Float the image to the right:</strong></p>
<p><img src="images/smiley.gif" alt="Smiley face" style="float:right;width:42px;height:42px;">
This is a paragraph with a floating image. This image will float on the right side of this paragraph. A paragraph with a floating image.
</p>
<hr />
<p><strong>Float the image to the left:</strong></p>
<p><img src="images/smiley.gif" alt="Smiley face" style="float:left;width:42px;height:42px;">
This is a paragraph with a floating image. This image will float on the left side of this paragraph. A paragraph with a floating image.
</p>
</body>
</html>
Float the image to the right:
This is a paragraph with a floating image. This image will float on the right side of this paragraph. A paragraph with a floating image.
Float the image to the left:
This is a paragraph with a floating image. This image will float on the left side of this paragraph. A paragraph with a floating image.
