Edit in JSFiddle

#nav {
  list-style:none;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  background:#333333;
  margin:5px 12px;
  padding:0px;
}
#nav li a {
  display:block;
  padding:10px 22px;
  color:#ffffff;
  text-decoration:none;  
}
#nav li a:hover {
  background-color: #111111;
}
.active {
  background-color: #4CAF50;
}

<ul id="nav">
   <li><a href="#" class="active">Item1</a></li>
   <li><a href="#">Item2</a></li>
   <li><a href="#">Item3</a></li>
   <li><a href="#">Item4</a></li>
   <li><a href="#">Item5</a></li>
</ul>