title: White space around image
body: <p>I have some text around an image that has been floated left. But the text goes right up against the border of the image. How do I make some white space around it? </p>
  
  <p>At the moment I've got in the CSS:</p>
  
  <pre><code>.image {
    float:left
  }
  </code></pre>
  
  <p>and the view:</p>
  
  <pre><code>&lt;% if article.newspic.exists? %&gt; 
          &lt;div class ="image"&gt;
          &lt;%= newspic_thumbnail_tag(article) %&gt;
          &lt;/div&gt;
      &lt;% end %&gt;
  
    &lt;%= simple_format(article.body) %&gt;&lt;br&gt;
  </code></pre>
  
  <p>If I add a <code>margin-right</code> to the image, then the text will simply start from under the image.</p>