title: setting the top margin of the h1 element in the header does not work as expected
body: <p>I have made use of the html5 header tag and an h1 tag within it. After setting up the top margin property of the h1 element in my header to 0px, i manage to remove the top margin of the header, but i want the h1 element inside my header to have a top margin of around 15px.</p>
  
  <p>Now when i try setting the top margin of the h1 element, it also creates a top margin for the header which i don't want.</p>
  
  <p>Can someone help me out with this...?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;link href="normalize.css" rel="stylesheet"&gt;
      &lt;link href="style.css" rel="stylesheet"&gt;
  
      &lt;title&gt;Codename : ENT&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;header&gt;
          &lt;h1&gt;Site Title / LOGO&lt;/h1&gt;
          &lt;p&gt;Site Tagline / Slogan / One liner.&lt;/p&gt;
          &lt;p&gt;&lt;/p&gt;
          &lt;nav&gt;&lt;/nav&gt;
      &lt;/header&gt;
      &lt;div id="content_wrapper"&gt;&lt;/div&gt;
      &lt;footer&gt;
      &lt;/footer&gt;
  &lt;/body&gt;
  &lt;/html&gt;  
  </code></pre>
  
  <p>and CSS</p>
  
  <pre><code>header {
      background-color:#ff0
  }
  
  header h1 {
      margin-top:0;
      margin-left:15px
  }
  
  header p {
      margin-left:15px
  }
  </code></pre>