html - 显示内联将内容下降一行

Question

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

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

#header li {
    display: inline;
}

我知道这是基本的，但我无法弄清楚。

Answer 1

试试这个。这将使您的 li 与标题内容内联。现在您可以根据需要设置其位置。

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

Js 小提琴演示

Answer 2

您可以内联显示所有内容，

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

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