具有自動保證金的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/