显示内联将内容放下一行

Question

这是我的代码：http://jsfiddle.net/spadez/aeR7y/23/

我想知道如何让我的标题列表与标题位于同一行，而不是下降。这是我用于列表的代码：

#header li {
    display: inline;
}

我知道这是基本但我无法理解。

Answer 1

试试这个。 这将使您的内容与标题内容一致。现在你可以根据需要设定它的位置。

#header h1,#header ul, #header ul li {
    display: inline-block;
}

Js Fiddle Demo

Answer 2

您可以在线显示所有内容，

#header li, #header ul, h1 {
    display: inline;
}

http://jsfiddle.net/aeR7y/26/