html - 使图像和列表出现在同一行

Question

这是我的代码:http://jsfiddle.net/FMfDM/1/

我似乎无法让我的 Logo 图像与我的列表位于同一行，即使我将 display:inline 放在图像上也是如此。

任何人都可以告诉我正确的方法是什么，因为使用 float: right 也会使我的列表项以相反的顺序出现!

Answer 1

就像 Cliff 提到的那样，您需要 float 左侧的 img 或 anchor 。

http://jsfiddle.net/scottmey/BKWrR/

#nav a, #nav img {
    float:left;
}

并考虑:

#nav ul {
    float: right;
}