title: Align span next to each other
body: <p>I'm having some troubles getting span with text aligned with other span with no content. Take a look here:
  <a href="http://jsfiddle.net/hp8Ak/" rel="nofollow">http://jsfiddle.net/hp8Ak/</a></p>
  
  <p>(As you can see the first span jumps down).</p>
  
  <p>Here's my css:</p>
  
  <pre><code>span {
      display: inline-block;
      width: 50px;
      height: 50px;
      font-size: 12px;
      background: #377ca2;
      color: #fff;
  }
  </code></pre>
  
  <p>What am I doing wrong? Thanks!</p>