我一直试图创建一个菜单，该菜单分为三个部分：
剩下
中间
对
然后我这样做：
JSFIDDLE
现在，您看到，即使我这样做了，左侧菜单也受到中间菜单的影响：
display:inline
然后，我还尝试增加navgroups类：
1000px
或删除该行，但不会更改任何内容。
感谢您的帮助！
更新：
除了上面写的内容之外，我还想尝试使用带有图像的中间菜单而不是书写，然后我添加了以下内容：
<img src="..">
但是图片太低了，我想把它放在上方。
有人可以帮我吗？
非常感谢您的支持，很棒的论坛！
最佳答案
如果仍然无法居中，则可以在.navgroups div周围添加另一个容器。
这是带有小提琴的CSS：http://jsfiddle.net/QE7Yd/4/
.navwrap {
text-align:center;
}
.navgroups {
display:inline-block;
background-color:#CC0000;
}
.navgroups:before,
.navgroups:after {
display:table;
content:'';
clear:both;
}
.navgroups li {
display: inline;
padding: 5px;
}
.navgroups .menuleft {
padding:0px;
float: left;
}
.navgroups .menumiddle {
padding: 0px;
float: left;
}
.navgroups .menuright {
padding: 0px;
float: left;
}
基本上，您是在告诉
.navgroups元素和inline元素，并使用.navwrap表示其中的文本应居中。