title: keep text on the right side of an image
body: <p>I have code <a href="http://jsfiddle.net/Q7JhN/" rel="nofollow">here</a>. In this code, as it can be seen that there is a div tag with class image and text is appeared on the right side. As there is a lot of text and some of the text is visible on the right and some is below the image tag. <strong>I want this text to be appeared on the right side no matter how much text is there.</strong></p>
  
  <p><strong>How can I achieve this?</strong></p>
  
  <pre><code>&lt;div class="image"&gt;&lt;/div&gt;
  &lt;p class="text"&gt;adsadas Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare. adsadas Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare viverra erat vel ornare.&lt;/p&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.image {
  width: 100px;
  height: 100px;
  float: left;
  border: 1px solid #999;
  }
  </code></pre>