<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 {
display: flex;
}
.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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.