自己的菜單欄 - 只有一行

Question

我的網站上的工作可以配置爲移動，它是這樣的菜單是我的類別彼此相鄰，我希望他們有自己的一條線，讓你不需要小心你檢查的內容。

你可以在我的website上看到它。

CSS：

ul.menu { 
    padding: 10px; 
    line-height: 30px; 
    background-color: #002855; 
} 
ul.menu li { 
    width: 98px; 
} 

HTML：

<ul class="menu"> 
    <li><a href="/">Forside</a></li> 
    <li><a href="/mandskab/">Mandskab</a></li> 
    <li><a href="/nyheder/">Nyheder</a></li> 
    <li><a href="/koretojer/">Køretøjer</a></li> 
    <li><a href="/galleri/">Galleri</a></li> 
    <li><a href="/kontakt/">Kontakt</a></li> 
    <li><a href="/login/">Log ind</a></li> 
</ul> 

Answer 1

是的，你會簡單地改變display:inline到display:block您​​風格在裏面移動，針對性的媒體查詢爲您的網站有各新行中的列表元素。