title: CSS Removing the default 8px margin form body
body: <p>This question have been asked before I'm aware of, but unfortunately still haven't found a solution. Even though I tried using their solutions.</p>
  <p>My problem is that I can't get rid of the default 8px margin on around the body/html tag. It looks like that it doesn't even respond to the changes I put in between the curly brackets.</p>
  <p>Html:</p>
  
    
  <pre><code>&lt;div class=&quot;header&quot;&gt;
   Header123
  &lt;/div&gt;
  
  &lt;div class=&quot;nav&quot;&gt;
  
    &lt;ul&gt;
      &lt;li&gt;HOME&lt;/li&gt;
      &lt;li&gt;PROJECT&lt;/li&gt;
  
    &lt;/ul&gt;
  
  &lt;/div&gt;
  
  &lt;div class=&quot;main&quot;&gt;
    Article
  &lt;/div&gt;
  
  &lt;div class=&quot;footer&quot;&gt;Footer&lt;/div&gt;
  </code></pre>
    
  
  <p>CSS:</p>
  <pre><code>body,html {
  margin: 0;
  text-align: center;
  background-color: blue;
  } 
  
  .container
  {
  margin: 0;
  background-color: red;
  }
  
  .header
  {
   text-align: left;
   height: 90px;
   background-color: green;
   margin: 0;
  }
  
  .nav
  {
    float: right;
  }
  
  .nav ul
  {
    list-style: none;
  height: 30px;
  padding: 0px;
  margin: 0px;
  }
  
  .nav ul li
  {
    margin: 10px;
  }
  
  
  .footer
  {
  
   height:40px;
  }
  </code></pre>
  <p>Link: <a href="https://jsfiddle.net/RasmusGodske/yg2gsa0t/" rel="nofollow noreferrer">https://jsfiddle.net/RasmusGodske/yg2gsa0t/</a></p>