Use below code,I think this may be the suggession.
<div class="menu">
<ul>
<li><a href="#">item 1</a></li>
<li><a href="#">item 2</a></li>
<li><a href="#">item 3</a></li>
<li><a href="#">item 4</a></li>
<li><a href="#">item 5</a></li>
<li><a href="#">item 6</a></li>
</ul>
</div>
CSS For menu class:
.menu
{
width: 948px;
height: 50px;
margin: 0 auto;
background: #6b3602;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
clear: left;
position: static;
}
.menu ul {
display: inline-block;
margin-top: 14px;
margin-left: 25px;
padding: 0;
}
.menu ul li {
display: inline-block;
margin: auto 15px !important;
}
.menu ul li:hover {
visibility: inherit;
}
.menu ul li a {
color: #a95401;
font-size: 16px;
font-weight:600;
letter-spacing: 0.5px;
line-height: 22px;
text-decoration: none;
font-family: 'Petit Formal Script', cursive;
}
.menu ul li a:hover {
color: #5a2a00;
text-decoration: none;
}