<style>
  img.img1 {
      float: left;
      width: 120px;
      margin-right: 10px;
  }
  p.p1 {
      width: 120px;
      float: left;
  }
</style>

<img class="img1" src="http://www.sololearn.com/uploads/css_logo.png" />
<p class="p1">
This paragraph has an image that is floated to the <strong>left.</strong>
It is highly recommended to add a margin to images so that the text does
not get too close to the image. If you want your text to be easily read, you
should always add a few pixels between words and borders, images,
and other content.
</p>

<div style="clear: both;"></div><br />