Menus are Lists Complete Code

codepen: https://codepen.io/joe_bacal/pen/gxabOY

<header>
  <div class="title">Potential Pets</div>
    <nav>
        <ul>
            <li><a href="#dogs">Dogs</a></li>
            <li><a href="#birds">Birds</a></li>
            <li><a href="#alligators">Alligators</a></li>
        </ul>
    </nav>
</header>

body {
  margin:0px;
  font-family:Helvetica;
}

header {
  background-color:#ccc;
}

.title {
  padding:12px;
  width:50%;
  float:left;
  font-size:24px;
  font-weight:light;
  position:relative;
  top:3px
}

nav ul {
  text-align:right;
  margin-top:0px;
}

nav li {
  display:inline-block;
  padding:20px;
}

nav li:hover {
  background-color:orange;
}