<ul id="nav">
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
#nav, #nav li, #nav a {
display: inline-block;
margin: 0;
padding: 0;
}
#nav {
list-style: none;
background: #fff;
}
#nav li {
border-left: 2px solid #000;
}
#nav > li:first-child {
border: none;
}
#nav a {
padding: 8px 15px;
color: #069;
text-decoration: none;
}
When using inline-block elements, be sure to remove white-space around them otherwise it influence how they are laid out.