CSS 文本对齐：居中；没有使事物居中

我有以下 html：

<div id="footer">
    <ul id="menu-utility-navigation" class="links clearfix">
        <li class="menu-685 menu-site_map first">Site Map
        </li>
        <li class="menu-686 menu-privacy_policy">Privacy Policy
        </li>
        <li class="menu-687 menu-terms___conditions">Terms &amp; Conditions
        </li>
        <li class="menu-688 menu-contact_us last">Contact Us
        </li>
    </ul>
</div>

使用以下 CSS：

div#footer {
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 700px;
}

我加入了字体大小位只是为了看看样式是否有效（Firebug 报告它有效，但我想看看）。这是工作。但在 Firefox 或 Safari 中，文本并未在页脚居中（尚未在 IE 中检查）。

我尝试过有和没有边距：0 auto;以及有和没有文本对齐：居中；这些东西的组合都不起作用。

这是 Firebug 的输出：

div#footer {
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 700px;
}

Inherited fromdiv#page
#skip-to-nav, #page {
    line-height: 1.5em;
}

Inherited frombody.html
body {
    color: #666666;
    font-family: verdana,arial,sans-serif;
}

Help?

我假设您希望所有项目彼此相邻，并且整个项目水平居中。

li元素是display: block默认情况下，占据所有水平空间。

Add

div#footer ul li { display: inline }

完成此操作后，您可能想要删除列表的项目符号：

div#footer ul { list-style-type: none; padding: 0px; margin: 0px }