Css 对中<；ul>；具有内联列表的元素

我有点不好意思问这个问题，但我正在努力使一个UL元素在DIV中居中。UL块包含内联LIs

这是本网站的导航菜单：

我尝试将text align:center和margin:auto与UL元素及其父DIV#headerNav和DIV.custom对齐。没有一个奏效

<div id="headerNav">
<div class="custom">
<ul id="mega-menu-77" class="mega-menu" style="display:none;">
<li class="nav-selected nav-path-selected top-level-nav first il-1"><a class="nav-selected nav-path-selected pl-1" href="/" accesskey="H">Home</a></li>
<li class="top-level-nav il-72"><a href="/services/psychotherapy/" class="pl-72" accesskey="S">Services</a><ul class='sub_menu pid-72'><li class=" il-88"><a href="/services/psychotherapy/" class="pl-88" accesskey="P">Psychotherapy</a></li>
<li...> ... </li>
<li...> ... </li>
<li...> ... </li>
</ul>
</div>

... 
... 
... 

复制CSS会很复杂，所以这里是直接文件：尽管使用Firebug或Chrome Inspector会更好地理解它

非常感谢你能帮我找到答案

---

Olivier

在

上。自定义ul.mega-menu li

，将

浮动：左

更改为

显示：内联块

由于父级

ul

上有

text align:center

，因此

li

s将居中

---

您还需要将

显示：block

添加到

.custom ul.mega-menu li.sub li

上的

.custom ul.mega-menu li

，将

float:left

更改为

显示：inline block

由于父级

ul

上有

text align:center

，因此

li

s将居中

---

您还需要将

display:block

添加到

.custom ul.mega-menu li.sub li

如果要将块元素居中，请尝试以下操作：

width:980px;
margin:0 auto;

980px

可以更改为任何值

---

另外，不要忘记清除浮动（在Google上查找“clearfix”）。

如果要将块元素居中，请尝试以下操作：

width:980px;
margin:0 auto;

980px

可以更改为任何值

---

另外，不要忘记清除浮动（在谷歌上查找“clearfix”。

您好。你想集中什么？主菜单项下的子菜单选项？从鼠标悬停效果来看，选项右侧的div中似乎有一些空间。是否尝试为div设置左边距？您好。你想集中什么？主菜单项下的子菜单选项？从鼠标悬停效果来看，选项右侧的div中似乎有一些空间。是否尝试为div保留边距？谢谢，它可以工作，但它产生了另一个问题。导航菜单居中，但菜单“服务”的下拉菜单太多地显示在左侧（与“关于我们”的下拉菜单不同，后者显示在其父菜单下方）。知道为什么吗？谢谢，它很管用，但它带来了另一个问题。导航菜单居中，但菜单“服务”的下拉菜单太多地显示在左侧（与“关于我们”的下拉菜单不同，后者显示在其父菜单下方）。知道为什么吗？