<div class="container">
    <div id="branding">
      <h2>Blair Hunter</h2>
    </div>
    <nav class="pages">
      <ul>
        <li><a href="index.html">WORK</a></li>
        <li><a href="about.html">ABOUT</a></li>
        <li><a href="contact.html">CONTACT</a></li>
      </ul>
    </nav>
  </div>



  CSS
.container{
   width:80%;
   margin:auto;
   overflow:hidden;
    }

 header ul{
   margin:0;
   padding:0;
      }

 header{
   background:#f8f8f3;
   color:#000000;
   padding-top:40px;
   min-height:90px;
   padding-bottom:45px;
   }

 header a{
   color:#000000;
   text-decoration:none;
   text-transform: lowercase;
   font-size: 20px;
   font: verdana;
    }

 header li{
   float:left;
   display:inline;
   padding: 0 20px 0 20px;
    }

 header nav{
   float:right;
   margin-top: 10px;
   }

 .pages a:hover {
    color: grey;
     }