title: How to get rid of white space on left and right of div?
body: <p>I want to get rid of the white space on the left and right of the darkgray div. How can I achieve this? What I googled said to just get add padding: 0px; and margin: 0px; but that didn't work. Any ideas?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/*Start of header styling*/
  
  #header {
    background-color: RGB(57, 89, 100);
    Height: 75px;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
  }
  /*End of header styling*/
  
  body {
    display: block;
  }
  #subHead {
    background-color: RGB(39, 39, 39);
    height: 100px;
    padding: 0px;
    margin: 0px;
    height: 350px;
  }
  /*Start of footer styling*/
  
  /*End of footer styling*/</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="header"&gt;
    &lt;h1&gt;&amp;zwj;&lt;/h1&gt;
  &lt;/div&gt;
  
  &lt;div id="subHead"&gt;
    &lt;h1&gt;&amp;zwj;&lt;/h1&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>