html - 将 Logo 与导航保持在同一行

Question

我想在我的网站导航左侧显示我的 Logo 图像。任何人都可以告诉我应该如何将它放入我的代码中，而不会将其他元素强制到下面的一行中:

http://jsfiddle.net/spadez/gMm2P/11/

我认为这与 in-line block 有关，但我不确定。我也不确定我的图像是否应该在列表中，或者是否应该在列表之外。任何帮助将不胜感激。

Answer 1

您可以通过以下两种方式完成此操作:

将此添加到您的 CSS:

.logo {
    float: left;
}

或进行此添加/更改:

.logo {
    position: absolute;
}

ul li {
    display: inline;
    padding-left: 30px;
}

padding-left 的值是足够的像素，因此它将链接完全推到 Logo 的右侧。在不知道您的 Logo 图像宽度的情况下，我不可能知道正确的值。