title: Div width of 100% doesn't take 100% of the page?
body: <p>When I use 100% width on a div, it leaves space on top of and on both sides of the div.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;!--Head--&gt;
  &lt;head&gt;
      &lt;title&gt;Music&lt;/title&gt;
  &lt;/head&gt;
  &lt;!--Body--&gt;
  &lt;body&gt;
      &lt;div style = "background-color: #0FCCB3; height: 10em; width: 100%;"&gt; &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Turns into:</p>
  
  <p><img src="https://i.stack.imgur.com/SnR6Q.png" alt="Screenshot"></p>
  
  <p>See the white spaces on the top and sides? How do I get rid of it?</p>