将ul与水平CSS菜单的中间对齐 我试图有一个水平菜单，但是UL是向右对齐而不是中间对齐。

以下是我的CSS和HTML：

CSS:

HTML:

提前感谢您的建议

更改

#菜单ul

-使用

浮动：左

而不是

浮动：右

#menu ul {
margin: 0;
display: block;
text-align: center;
padding: 0;
float: left;
}

我解决了你的问题。 html代码正常，我更改了css代码：

#menu
{
clear: both;
width: 830px;
display: inline;
position: relative;
z-index: 1;
border-top: 1px solid #e9e6d9;
border-bottom: 1px solid #e9e6d9; 
margin: 0 auto;
background-color:#FFFFFF;
padding: 0;
}
#menu ul {
margin: 0;
display: block;
text-align: center;
padding: 0;
}
#menu li {
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    font-family: sans-serif, Helvetica, Arial;
    font-size: 13px;
    font-weight: normal;
    position: relative;
    list-style: none;
    margin: 0;
    display: inline-block;
    padding: 0;​

我基本上删除了所有出现的

float:right。解决问题就这么简单

这是一个例子

如果你需要进一步的帮助，我可以帮助你

我还建议您使用一些链接，这些链接对于构建css菜单非常有用：




您可以删除浮点属性。
只需在#菜单ul中添加一个宽度，并添加边距：0自动；使它居中

例如：

#menu ul {
    width: 300px;
    margin: 0 auto;
}

现场演示：
定位菜单的最简单代码非常简单

此代码工作正常，在最新的Safari、Chrome、Opera和Firefox上进行了测试。也在IE11和IE8上


#菜单
{
宽度：830px；
保证金：0自动；
显示：内联；
}
#菜单ul{
文本对齐：居中；
}
#菜单li{
显示：内联块；
}
不仅float:right是错的，他还可以避免使用float属性。不需要浮动：也可以向左浮动
#menu
{
clear: both;
width: 830px;
display: inline;
position: relative;
z-index: 1;
border-top: 1px solid #e9e6d9;
border-bottom: 1px solid #e9e6d9; 
margin: 0 auto;
background-color:#FFFFFF;
padding: 0;
}
#menu ul {
margin: 0;
display: block;
text-align: center;
padding: 0;
}
#menu li {
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    font-family: sans-serif, Helvetica, Arial;
    font-size: 13px;
    font-weight: normal;
    position: relative;
    list-style: none;
    margin: 0;
    display: inline-block;
    padding: 0;​

#menu ul {
    width: 300px;
    margin: 0 auto;
}