Nav for Eduardo

A simple navigation bar example for Eduardo.

by mlms13

HTML

<nav>
    <ul>
        <li><a href="#" class="sample poop">Sample</a></li>
        <li><a href="#" class="about">sample</a></li>
        <li><a href="#" class="contact">sample</a></li>
        <li><a href="#" class="faq">sample</a></li>
    </ul>
</nav>

CSS

body {
    margin: 16px 24px;
}
nav {
    background: #555;
    font: 14px Verdana, Geneva, sans-serif;
    margin: 0;
    overflow: hidden;
}
nav li {
    float: left;
}
nav li a {
    border-left: 1px solid #333;
    border-right: 1px solid #777;
    color:#fff;
    display: block;
    padding: 6px 14px;
    text-decoration: none;
}