title: Space elements inside div
body: <p>I want to have 3 images on the same line, floated to the right, and with some margin between each. If I use the following code:</p>
  
  <pre><code>&lt;div style="float:right"&gt;
      &lt;img src="http://relevance.com/wp-content/uploads/2013/05/youtube-logo.jpg" width="40"&gt;
      &lt;img src="http://relevance.com/wp-content/uploads/2013/05/youtube-logo.jpg" width="40"&gt;
      &lt;img src="http://relevance.com/wp-content/uploads/2013/05/youtube-logo.jpg" width="40"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>then my images are on the same line but I don't know how to set the margin between each.</p>
  
  <p>If I place each image in its own div such as:</p>
  
  <pre><code>&lt;div style="float:right"&gt;
      &lt;div style:"margin-left:10"&gt;&lt;img src="http://relevance.com/wp-content/uploads/2013/05/youtube-logo.jpg" width="40"&gt;&lt;/div&gt;
      &lt;div style:"margin-left:10"&gt;&lt;img src="http://relevance.com/wp-content/uploads/2013/05/youtube-logo.jpg" width="40"&gt;&lt;/div&gt;
      &lt;div style:"margin-left:10"&gt;&lt;img src="http://relevance.com/wp-content/uploads/2013/05/youtube-logo.jpg" width="40"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>then I can set the margin but my images are no longer displayed on the same line, they all float right and end up in one column.</p>
  
  <p>What is the proper way to do this?</p>