Inline Minitabs Website

Example



ul#minitabs {
list-style: none;
margin: 0;
padding: 7px 0;
border-bottom: 1px solid #CCC;
font-weight: bold;
text-align: center;
white-space: nowrap
}
ul#minitabs li {
display: inline;
margin: 0 3px;
}
ul#minitabs a {
text-decoration: none;
padding: 0 0 3px;
border-bottom: 4px solid #FFF;
color: #999
  }
ul#minitabs a#current {
border-color: #F60;
color:#06F
}
ul#minitabs a:hover {
border-color: #F60;
color: #666
}
<ul id="minitabs">
  <li><a href="#">home</a></li>
  <li><a id="current" href="#">about us</a></li>
  <li><a href="#">products</a></li>
  <li><a href="#">services</a></li>
  <li><a href="#">contact</a></li>
</ul>