Yan yana gelen bir menü css bilgisi.
Bilgin olduğuna göre kolay düzenlersin.

nav ul {
padding:0;
margin:0;
}
nav li {
position:relative;
float:left;
list-style-type:none;
}
nav ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
nav li a {
display:block;
padding:10px 20px;
border-left:1px solid #999;
border-right:1px solid #222;
color:#eee;
text-decoration:none;
}
nav li a:focus {
outline:none;
text-decoration:underline;
}
nav li:first-child a {
border-left:none;
}
nav li.last a {
border-right:none;
}
nav a span {
display:block;
float:right;
margin-left:5px;
}
nav ul ul {
display:none;
width:100%;
position:absolute;
left:0; background:#6a6a6a;
}
nav ul ul li {
float:none;
}
nav ul ul a {
padding:5px 10px;
border-left:none;
border-right:none;
font-size:14px;
}
nav ul ul a:hover {
background-color:#555;
}