css - Firefox 渲染错误，但达到了预期的效果

Question

这是代码（http://jsfiddle.net/PZgn8/8/）。

<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>

我猜 Firefox 21 渲染它是错误的，因为 iOS Safari（也是最新版本）将它渲染为 Chrome（桌面，最新版本），以及适用于 iOS 的 Chrome（最新版本）。

但我希望它看起来像在 Firefox 21 上一样。我怎样才能达到这种效果？

Answer 1

Safari 和 Chrome 使用相同的渲染引擎，即 Webkit。这就是为什么它们显示相同的结果。Firefox 正在使用 Gecko。

您应该使用css 重置代码来获得相同的效果。

顺便说一句，下面的代码也应该提供与 Chrome 上的 Firefox 几乎相同的效果：

<ul style="margin:0 auto; width:100px">