@charset "utf-8";
/* CSS Document */

CSS CODE
#navcontainer ul
{
	padding: 0;
	list-style-type: none;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	text-decoration: none;
	color: #fff;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.2em;
	padding-left: 1em;
	float: left;
	margin-top: 5px;
	margin-left: 75px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}

#navcontainer ul li a:hover
{
	color: #000;
}


HTML CODE
<div id="navcontainer">
<ul>
<li><a href="#">Milk</a></li>
<li><a href="#">Eggs</a></li>
<li><a href="#">Cheese</a></li>
<li><a href="#">Vegetables</a></li>
<li><a href="#">Fruit</a></li>
</ul>
</div>