<div class="nav">
  <ul>
    <li><a href="#">Menu 01</a></li>
    <li><a href="#">Menu 02</a></li>
    <li><a href="#">Menu 03</a></li>
    <li><a href="#">Menu 04</a></li>
    <li><a href="#">Menu 05</a></li>
  </ul>
</div>
.nav{
  max-width:1170px;
  width:100%;
  margin:0 auto;
  background-color:#000;
}
.nav ul{
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between;
}
.nav ul{
  padding:0 10px;
}
.nav ul li{
  list-style:none;

}
.nav ul li a{
  color:#fff;
  text-decoration:none;
  font-size:16px;
  padding-top:10px;
  padding-bottom:10px;
  display:block;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.