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/