如何在無序列表中的HTML和CSS

Question

確定一分爲二，這個問題已經跟了我2個weaks，現在我放棄了，並尋求幫助

什麼，我需要做的是使在一個div 內部的無序列表新線這就是我的目標

首頁聯繫我們教育

FAQ存儲服務

和我currnet代碼我得到這個

首頁聯繫我們教育 FAQ商店服務

我試圖像float和中心，但沒有方法工作

請幫我，我要在此時失去頭髮.... 謝謝

Answer 1

請檢查此筆：

http://codepen.io/anon/pen/qabZqm

基本上它這樣做：

HTML

<ul> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">Contact</a></li> 
    <li><a href="#">Us</a></li> 
    <li><a href="#">Education</a></li> 
    <li><a href="#">FAQ</a></li> 
    <li><a href="#">Stores</a></li> 
    <li><a href="#">Services</a></li> 
</ul> 

CSS

li { 
    display: inline; 
    list-style: none; 
} 
li:nth-child(4):after { 
    content: "\A"; 
    white-space: pre; 
} 
/* tag within the li for styling purposes */ 
li a { 
    display: inline-block; 
    margin: 10px; 
} 

有：第n個孩子（4）我補充一點，創建一個pseudoelement休息（\ A）。 li中的A標籤是添加一些樣式（因爲顯示內聯LIs不能使用邊距等樣式......），我認爲這是一個菜單:-)