title: Centering footer contents with css in html5
body: <p>I am re-writing a website to HTML5, and I am having some problems with centering the contents of the footer.</p>
  
  <p>My footer HTML is pretty simple</p>
  
  <pre><code>&lt;footer&gt; Copyright &lt;/footer&gt;
  </code></pre>
  
  <p>and the css is</p>
  
  <pre><code>footer {
      margin: auto;
      height: 330px;
      background-color: #1e2127;
      color: #ffffff;
  }
  </code></pre>
  
  <p>but the content is not centered with the rest of the page.</p>
  
  <p>What am I missing?</p>
  
  <p><strong>Edit:</strong><br>
  I don't want to center the text inside the footer, only the footer it self (so it will align with the rest of the page), but I want the background to fill out the entire page.</p>