title: Margin-top not working for certain elements
body: <p>I have 2 elements that are not responding to <code>margin: 260px 0 0 0;</code> or <code>margin-top: 260px;</code>. And I don't know why. When I open dev tools in IE and inspect the element, the margin is there, but the element stays at teh top of the div as if <code>margin: 260px 0 0 0;</code> was not set at all.</p>
  
  <p>Why isn't margin working for the <code>a</code> element inside <code>.SideContainer a {...}</code> or <code>.RightSide a {...}</code>?</p>
  
  <pre><code>        &lt;section class="RightSide SideContainer"&gt;
              &lt;a href="~/Shared/Services/WebDevelopment"&gt;Packages &amp;amp; Pricing&lt;/a&gt;
          &lt;/section&gt;
  
  
      .SideContainer h1 {
          color: white;
      }
  
      .SideContainer a {
          margin: 260px 0 0 0;
      padding: 10px 15px 10px 15px;
      background-color: #ec462f;
      color: white;
      }
  
  .RightSide {
      float: right;
  }
  
      .RightSide a {
          margin-top: 200px;
      }
  </code></pre>