列表（li）项目符号在浏览器中不一致

Question

这是小提琴（http://jsfiddle.net/PZgn8/8/）。请注意，它在Chrome 27和Firefox 21中看起来有所不同。我认为这是Firefox的一个错误，但Firefox给了我想要的结果。

<ul style="text-align: center;">
    <li>
        <a href="#">One</a>
    </li>
    <li>
        <a href="#">Two</a>
        <ul>
            <li>
                <a href="#">Two's child</a>
            </li>
        </ul>
    </li>
</ul>

基本上，对于ul中的孩子li，我需要将其列表光盘放在中心，而不是侧面。

Answer 1

提供list-style-position:inside以使其在浏览器中显示统一，以便子弹也获得text-align: center;属性。

li
{
    list-style-position:inside;
}

Demo