vízszintes menü
<nav class="nav">
<ul>
<li class="current"><a href="//jegvirag.gportal.hu">MENÜ</a></li>
<li><a href="//jegvirag.gportal.hu">MENÜ</a></li>
<li><a href="//jegvirag.gportal.hu">MENÜ</a></li>
<li><a href="//jegvirag.gportal.hu">MENÜ</a></li>
<li><a href="//jegvirag.gportal.hu">MENÜ</a></li>
</ul>
</nav>
<style>
/* nav */
.nav {
position: relative;
margin: 20px 0;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav li {
margin: 0 5px 10px 0;
padding: 0;
list-style: none;
display: inline-block;
}
.nav a {
padding: 3px 12px;
text-decoration: none;
color: #999;
line-height: 100%;
}
.nav a:hover {
color: #000;
}
.nav .current a {
background: #999;
color: #fff;
border-radius: 5px;
}
</style>