CSS中的保证金问题......非常困难

Question

当我在导航的标题中添加无序列表时，它会向下弹出标题并敲出正确浮动的文本。如果我删除它，一切都很好。有任何想法吗？我一直在讨厌这个......或许更多的睡眠。

http://jsfiddle.net/YVmTB/2/

同样理想情况下，我希望导航是水平的......但我还没到那里。

Answer 1

也许你正在寻找这样的东西？

http://jsfiddle.net/YVmTB/10/

在css的末尾添加了2个额外的样式

nav {
    float: left;   
}

nav li {
    float: left;
    margin-right: 15px;
}

Answer 2

这是一个非常简单的CSS解决方案。

只需将此行添加到CSS中：

nav li {
  float: left;
  margin: 15px;
}

Answer 3

我将此添加到您的CSS中，看起来您可能想要它。

nav>ul, nav>ul>li{
    float: left;
}

nav>ul>li{
    margin: 0 .5em;
}

当然，它应该看起来的一个例子会很好，但也许这会有所帮助。