title: Is there a way to remove the space on top of web page?
body: <p>I cannot seem to figure out how to get the space between each element to disappear. I mainly want to remove the white space on top. I have tried using <code>margin-top:0</code> and it didn't work. Any advice would be greatly appreciated.</p>
  
  <p>This is my html</p>
  
  <pre><code>&lt;body&gt;
      &lt;div style="background-color:green;"&gt;
          &lt;h1&gt;top&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div style="background-color:blue;"&gt;
          &lt;h1&gt;body&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div style="background-color:red;"&gt;
          &lt;h1&gt;footer&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>This is my css</p>
  
  <pre><code>body, div, header {
      padding:0;
      margin:0;
      margin-top:0px;
  }
  </code></pre>