将徽标与nav保持在同一行

时间:2014-03-24 19:57:14

标签: html css

我想在导航左侧的网站上显示我的徽标图片。任何人都可以告诉我如何将其放入我的代码而不强迫其他项目在下面的一行:

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

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

2 个答案:

答案 0 :(得分:0)

您可以将徽标添加到列表中或将徽标浮动到左侧:

#header .logo{float:left;}

答案 1 :(得分:0)

以下两种方法可以实现这一目标:

将此添加到您的CSS:

.logo {
    float: left;
}

或进行此添加/更改:

.logo {
    position: absolute;
}

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

padding-left的值是足够的像素,以便将链接完全推到徽标的右侧。在不知道徽标图像宽度的情况下,我无法知道正确的值。