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;
}

当然，有一个例子说明它应该是什么样子会更好，但也许这将有助于。