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?
At the moment I've got in the CSS:
.image {
float:left
}
and the view:
<% if article.newspic.exists? %>
<div class ="image">
<%= newspic_thumbnail_tag(article) %>
</div>
<% end %>
<%= simple_format(article.body) %><br>
If I add a margin-right
to the image, then the text will simply start from under the image.