title: CSS margin-top not working
body: <p><a href="http://anonoz.com/armesh//contact_form/">http://anonoz.com/armesh//contact_form/</a></p>
  
  <p>The above link shows a contact form that I am making. 
  I am trying to make it like the picture in the right. I have to give the text "Try us Today" a <code>margin-top</code> of 20px.</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;body&gt;
  
  &lt;div id="form_container"&gt;
      &lt;div id="form_body"&gt;
          **&lt;span class="form_head"&gt;Try us Today&lt;/span&gt;**
          &lt;br/&gt;
          &lt;span class="form_subhead"&gt;30 day money back gurantee&lt;/span&gt;
                  &lt;form id="enquiry_form" method="post" action="scripts/contact-form-handler.php"&gt; 
  
                          &lt;input type="text" name="name" id="name" value="Name" /&gt;
  
                          &lt;input type="text" name="contact" id="contact" value="Contact Number" /&gt;
  
                          &lt;input type="text" name="e-mail" id="email" value="Email" /&gt;
  
                         &lt;input id='submit_button' type="submit" value="Get Your Space - NOW" /&gt;
                  &lt;/form&gt;
      &lt;/div&gt;    
  &lt;/div&gt;
  
  &lt;img src="form2.jpg"/&gt;
  &lt;/body&gt; 
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>.form_head {
      margin-top: 20px;
      color:#58585a;
      font-size:22px;   
  }
  </code></pre>
  
  <p>The CSS should have pushed the <code>.form_head</code> 20px down against the <code>#form_body</code> div. However nothing happened. I even experimented with Firebug and Chrome developer tools but didn't get a clue why is this happening. I also tried setting the height of <code>#form_body</code> div to match the form's height so there is room for the .form_head to be pushed down but it's still not working. </p>
  
  <p>I've been been coding for 3 months now and I often face this type of problem. I always hack my way out by simply keying in some positioning codes to get it done. </p>
  
  <p>However, I don't want do the same today, but want to understand why is this happening and how to solve it the proper way. Could someone please shed some light and educate me on this?  </p>