title: HTML CSS div inside div with auto margin are off-center?
body: <p>I have a divider that is centered in the page using <code>margin:auto</code>. Inside I have two more dividers (can't be combined, must be a divider nested in a divider) when I try to center something inside of this it does not center it in the center of the page. I'm assuming it has to do with the <code>padding-left</code> and <code>padding-right</code> that I've added...
  Any insight?</p>
  
  <p>Here's my code:</p>
  
  <pre><code>&lt;center&gt;
      &lt;div style="margin:auto; width:80%;"&gt;
          &lt;div style="width:50%; padding-left:20%; padding-right:20%;"&gt;
              &lt;div style="width:inherit; position:absolute; bottom:0%;"&gt;
                  &lt;hr /&gt;
                  test
                  &lt;hr /&gt;
                  &lt;br&gt;&lt;br&gt;&lt;br&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/center&gt;
  </code></pre>