Untitled

<!DOCTYPE html>
<html>
<body bgcolor="#E6E6FA">
<center><h1>AucIt</h1></center>

<nav>
  <ul>
   <li style="font-size: 20px"><a href="#">Sign Up</a></li>
   <li style="font-size:20px"><a href="#">Login</a></li>
   <li style="font-size:20px"><a href="#">List</a></li>

</ul>

</nav>

<h2>Most recent:</h2>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
 <title>AucIt</title>
 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
 <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

nav {
background-color: orange;
height: 9px;
width: 1272px;
padding-bottom: 50px;
}
nav ul li {
list-style-type: none;
width: 150px;
float: right;
border-right: 1px solid #CCC;
text-align: center;
}
li a {
text-decoration: none;
color: blue;
line-height: 60px;
display:block;
}
li a:hover {
background-color: gray;
color: black;
}
h2{
padding-top: 280px;

}