2014-12-29 55 views
-1

我遇到了樣式化幾個不同列表的麻煩。我正在爲我父親設計和開發一個網站,我的第一個列表是導航,我想在標題下內聯顯示。第二個列表在旁邊顯示在右邊。當我添加第二個列表時,導航列表停止顯示內聯並僅顯示垂直。無論我做什麼,我都無法讓這個工作。請幫幫我。多列表樣式

回答

0

嘗試在單獨的div中包裝列表。

<!DOCTYPE html> 
<html> 
<body> 
<div> 
<nav> 
<a href="/Nav 1/">Nav 1</a> | 
<a href="/Nav 2/">Nav 2</a> | 
<a href="/Nav 3/">Nav 3</a> | 
<a href="/Nav 4/">Nav 4</a> 
</nav> 
</div> 
<div style="float:right;"> 
<ul> 
    <li>right 1</li> 
    <li>right 2</li> 
    <li>right 3</li> 
</ul> 
</div> 
</body> 
</html>