如何在文本之間放置這些行？

Question

我想和尚未想出如何將這些之間的導航欄上的鏈接或至少在文本片段之間。

的圓圈部分

http://s10.postimg.org/724qvm42h/needhelp.png

Answer 1

你的問題是有點不明確。 （如果你希望把菜單條列假設）

HTML code: 
<input type="button" value="button1" id="mybutton"> 
<input type="button" value="button2" id="mybutton"> 
<input type="button" value="button2" id="mynewbutton"> 

CSS code: 
#mybutton 
{ 
    border:none; 
    border-right: 2px solid #87240f; 
    background-color:transparent; 
} 
#mynewbutton 
{ 
    border:none; 
    background-color:transparent; 

} 

這是我得到：不過，如果你正在使用HTML和CSS爲你的任務，那麼你可以做到這一點像

如果你想要把垂直線之間的文本，然後：

HTML Code: 
<p class="aboutus"> 
<b>About Us</b><br> 
<br> 
NECI Overview<br> 
Our History<br> 
Accreditation<br> 
Why choose us?<br> 
Campus Tour<br> 
Affliations<br> 
Awards<br> 
Community <br> 
News<br> 
</p> 

CSS: 
.aboutus{ 

font-family: 'Lato', sans-serif; 
font-size: 14px; 
float: left; 
border-right: 1px solid; 
width: 140px; 
} 

輸出：