具有自动保证金的HTML CSS div div内偏离中心？

Question

我有一个使用margin:auto在页面居中的分隔线。里面我有两个分隔线（不能组合，必须是一个分隔线嵌套在分隔线中），当我试图将一些东西放在中间时，它不会将它居中在页面中央。我假设它与我已添加的padding-left和padding-right有关... 任何见解？

这里是我的代码：

<center> 
    <div style="margin:auto; width:80%;"> 
     <div style="width:50%; padding-left:20%; padding-right:20%;"> 
      <div style="width:inherit; position:absolute; bottom:0%;"> 
       <hr /> 
       test 
       <hr /> 
       <br><br><br> 
      </div> 
     </div> 
    </div> 
</center> 

Answer 1

只需卸下center标签：

<div style="margin:auto; width:80%;"> 
    <div style="width:50%; padding-left:20%; padding-right:20%;"> 
     <div style="width:inherit; position:absolute; bottom:0%;"> 
      <hr /> 
      test 
      <hr /> 
      <br><br><br> 
     </div> 
    </div> 
</div> 

看看这里：http://jsfiddle.net/V8qMm/