Witam, chciałbym zrobić menu z odnośnikami, które miało by wyglądać tak:
Link_1 | Link_2 | Link_3 | Link_4
A na razie wygląda to tak:
Link_1 Link_2 Link_3 Link_4
- czyli brakuje tych pionowych kresek i nie mam pomysłu ani wiedzy jak to wykonać, dodam, że jest to mój pierwszy szablon i htmlem bawie się od 2 dni dopiero.
Mój kod obecnie to:

HTML:

[HTML] pobierz, plaintext 
<div id="menu_bottom"> 
	<ul>
  		<li><a href="#">Link_1</a></li>
  		<li><a href="#">Link_2</a></li>
        <li><a href="#">Link_3</a></li>
        <li><a href="#">Link_4</a></li>
	</ul> 
</div>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
#menu_bottom {
        width: 250px;
		margin: 25px 0px 0px 20px;
		float: left;
		font-family: helvetica;
		font-size:12px;
		display: block;
		font-weight:bold;
		list-style: none;
}
#menu_bottom li {
		list-style-type: none; 
		float: left;
		margin-left:5px;
} 
#menu_bottom li a {
		display: block; 
		color: #abae80; 
		text-decoration: none; 
 
} 
[HTML] pobierz, plaintext 

Albo border-right/border-left albo tekstem "|"

Właśnie chodzi o to, żeby | nie było jako link

Sposób najprostszy

[HTML] pobierz, plaintext 
    <div id="menu_bottom">
    <ul>
    <li><a href="#">Link_1</a> | </li>
    <li><a href="#">Link_2</a> | </li>
    <li><a href="#">Link_3</a> | </li>
    <li><a href="#">Link_4</a></li>
    </ul>
    </div>
[HTML] pobierz, plaintext 

Mniej prosty aczkolwiek nadal prosty 'border'

@UP: Dzięki tylko te | wyświetlają mi się pod tekstem więc troche lipa.
Wygląa to tak:
Link_1 Link_2
|
Czyli jest linie niżej niż powinno być.

#menu_bottom li a {
display: block;
color: #abae80;
text-decoration: none;

}
zmień na

#menu_bottom li a {
color: #abae80;
text-decoration: none;

}

Dzięki.