css - List(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;
}

演示