title: Add space between HTML elements only using CSS
body: <p>I have several same HTML elements going one after another:</p>
  
  <pre><code>&lt;span&gt;1&lt;/span&gt;
  &lt;span&gt;2&lt;/span&gt;
  &lt;span&gt;3&lt;/span&gt;
  </code></pre>
  
  <p>I'm looking for the best way of adding space BETWEEN the elements using <strong>CSS only</strong></p>
  
  <pre><code>[no space]  [1]  [space 10px]  [2]  [space 10px]  [3]  [no space]
  </code></pre>
  
  <p>Additionally:</p>
  
  <ul>
  <li>Please write down browser compatibility of your receipts</li>
  </ul>
  
  <hr>
  
  <p><strong>UPDATE</strong></p>
  
  <p>It looks like I was unclear. I don't want to use ANY ADDITIONAL HTML MARKUP like</p>
  
  <pre><code>&lt;span&gt;&lt;/span&gt;  &lt;span&gt;&lt;/span&gt;  &lt;span class="last_span"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>I don't want to use tables</p>
  
  <p>I want the first and last span to be targeted automatically by CSS</p>
  
  <p>I don't want to use javascript</p>
  
  <p><em>Optional requirement: last span can be NOT LAST CHILD of the parent tag, but it will be the LAST SPAN of the parent tag. Spans do not have any other tags between them.</em></p>