css quiz #4

by slace

HTML

<header>
    <h1>My Awesome Site</h1>
</header>
<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</nav>
<p>Welcome to our site!</p>

CSS

header {
    margin-bottom: 20px;
}
header h1 {
    font-size: 30px;
    font-weight:bold;
}

nav {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 15px;
    width: 100%;
    overflow: auto;
}

nav ul { 
    float:right;
}

nav ul li {
    float:left;
    padding-left: 10px;
    line-height:1.3em;
}