<nav>
  <ul class="G-nav">
    <li><a href="#">Item 1</a></li>
    <li><a href="#">Item 2</a></li>
    <li><a href="#">Item 3</a></li>
    <li><a href="#">Item 4</a></li>
    <li><a href="#">Item 5</a></li>
  </ul>
</nav>

.G-nav a {
  margin: 8px;
  border-radius: 3px;
  background: #DF6A6A;
  color: #fff;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}
.G-nav li {
  list-style: none;
}
ul {
  padding-left: 0px;
}

.G-nav .logo {
  background: #4A4A4A;
  border-radius: 23px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.