css菜单内联块无法正常工作

Question

我有一个css菜单，我正在努力。我尝试将菜单项内联，但是，它们总是垂直显示。我已经尝试将display:inline-block放在所有元素上，但它仍然不想内联。有什么建议？代码在这里：http://jsfiddle.net/3aShL/

Answer 1

<li>是块级项目，因为<a>仍然意味着每个<li>，您将获得一个新行。

http://jsfiddle.net/3aShL/1/

display: inline;

在.nav-collapse_ .nav > li上会修复它。

Answer 2

只需将其添加到css

即可

li
{
display:inline;
}

显示：内联; - 默认情况下，li元素是块元素。在这里，我们删除每个列表项之前和之后的换行符，以在一行中显示它们

Demo fiddle