title: How to remove white space left and right side of page?
body: <p>I am trying to make a footer, but the left and right sides show some white space. How to remove the white space?</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;style&gt;
      footer {
        background: none repeat scroll 0% 0% #DFDFDE;
        padding: 120px 0px;
        text-align: center;
        position: relative;
      }
      .divider {
        background: url('http://evablackdesign.com/wp-content/themes/ebd/images/footer-border.png')
        repeat-x scroll center center transparent;
        height: 7px;
        width: 100%;
        position: absolute;
        top: -6px;
      }
      .container {
        width: 930px;
        margin: 0px auto;
      }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;footer&gt;
      &lt;div class="divider"&gt;&lt;/div&gt;
      &lt;div class="container"&gt;
        &lt;h1&gt;hiiiiiiiii&lt;/h1&gt;
        &lt;br&gt;
        &lt;h2&gt;buyyyyyyyyyyyy&lt;/h2&gt;
      &lt;/div&gt;
    &lt;/footer&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Q3HzS.png" alt="enter image description here">
  <a href="http://4.bp.blogspot.com/-qo3hAAwnHNg/U3PRC43T3PI/AAAAAAAAB20/YKwvgD4SGOM/s1600/footer.jpg" rel="nofollow noreferrer">image of footer</a></p>
  
  <p>The  tag defines a footer for a document or section.</p>
  
  <p>A  element should contain information about its containing element.</p>
  
  <p>A footer typically contains the author of the document, copyright information, links to terms of use, contact information, etc.</p>