Помощ за една хоризонтална линиика

[bsd]

Опитвам се да кодирам един по-простичък дизайн (упражнявам се), но имам проблем още при менюто. Искам да сложа една хоризонтална линия, която да разделя възможните избори в менюто, но каквото и да правих все ми бяга. Ето последния код, който използвах за да сложа вертикалната черта:

h6.vr {
position:absolute;
 background: transparent url('images/vr.jpg') no-repeat;
 height: 40px;
 width: 2px;
 z-index: auto;
}

<center><div class="menu">Home <h6 class="vr"></h6> News</div></center>

ето какво се получава :

 

[Fakeheal]

.vr { 
position:absolute; 
 background: transparent url('images/vr.jpg') no-repeat; 
 height: 40px; 
 width: 2px; 
 z-index: auto; 
} 
<center><div class="menu">Home <span class="vr"></span> News</div></center>

Пробвай така?

 

[bsd]

преди това го бях слагал в span, но не стана, а сега взе че сработи ...
Благодаря ти, Fakeheal!

 

[shterev]

Ама ти ня кое викаш меню не мога да те разбера? Един примерн код за меню е това:

<ul class="menu">
       <li><a href="#">item 1</a> | </li>
       <li><a href="#">item 1</a> | </li>
       <li><a href="#">item 1</a> | </li>
       <li><a href="#">item 1</a> | </li>
</ul>


.menu{
 margin:0; padding:0;
 list-style-type:none;
}

.menu li{
 float:left;
padding:0; margin:0; 
}

.menu a{
  color:#000;
}
.menu a:hover{
 color:#ff0000;
}