title: Margin-Top not working for span element?
body: <p>Can someone tell me what I coded wrong? Everything is working, the only thing is that there is no margin at the top.</p>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>&lt;div id="contact_us"&gt; &lt;!-- BEGIN CONTACT US --&gt;
    &lt;span class="first_title"&gt;Contact&lt;/span&gt;
    &lt;span class="second_title"&gt;Us&lt;/span&gt;
    &lt;p class="content"&gt;For any questions whatsoever please contact us through the following e-mail address:&lt;/p&gt;&lt;/br&gt;&lt;/br&gt;
    &lt;p class="e-mail"&gt;info@e-mail.com&lt;/p&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;
    &lt;p class="read_more"&gt;&lt;a href="underconstruction.html"&gt;Read More&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt; &lt;!-- END CONTACT US --&gt;
  </code></pre>
  
  <p><strong>CSS</strong>:</p>
  
  <pre class="lang-css prettyprint-override"><code>span.first_title {
    margin-top: 20px;
    margin-left: 12px;
    font-weight: bold;
    font-size: 24px;
    color: #221461;
  }
  
  span.second_title {
    margin-top: 20px;
    font-weight: bold;
    font-size: 24px;
    color: #b8b2d4;
  }   
  </code></pre>