title: Margin top of first span not working
body: <pre><code>&lt;div class ="cards"&gt;
    &lt;span id="cardtitle"&gt;
      Chance 
    &lt;/span&gt;
    &lt;span id="cardinfo"&gt;
      Your ass is going to jail.
    &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  
  
  <pre><code>.cards{
    background: #F8F8F8 ;
    height: 100px;
    margin: 0 auto;
    width: 200px;
  }
  #cardtitle, #cardinfo{
    background: #ffcc00;
    display: block;
    margin-top: 10px;
    width: 100px;
  }
  </code></pre>
  
  <p>Okay the margin-top on <code>#cardinfo</code> works but <code>#cardtitle</code> doesn't. The problem seems to be the first element, as the problem reverses if i reverese the 2 spans.</p>