顯示內嵌滴下來的內容一行

Question

這是我的代碼：http://jsfiddle.net/spadez/aeR7y/23/

我想知道如何讓我的頭列表坐在同一行頭，而不是在下降。這是我正在使用的代碼列表：

#header li { 
    display: inline; 
} 

我知道這是基本的，但我無法弄清楚。

Answer 1

可以顯示所有在線，

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

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

Answer 2

試試這個。 這將使你的內聯與標題內容。現在您可以根據自己的需要設置其位置。

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

Js Fiddle Demo