<nav>
  <ul class="menu">
    <li><a href="#" class="logo">Logo</a></li>
    <li><a href="#">Menu 1</a></li>
    <li><a href="#">Menu 2</a></li>
    <li><a href="#">Menu 3</a></li>
    <li><a href="#">Menu 4</a></li>
  </ul>
</nav>
.menu {
  display: -webkit-flex;
  display: flex;
}
.menu li {
  list-style-type:none;
}
.menu a {
  margin: 5px;
  border-radius: 15px;
  background: #60B99A;
  color: #fff;
    display: block;
    padding: 10px;
    text-decoration: none;
}
.menu .logo {
  background: #e40438;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.