具有自动边距的 div 内的 HTML CSS 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/