<header>
  <nav>
    <ul>
      <li><a href="">nav01</a></li>
      <li><a href="">nav02</a></li>
      <li class="logo"><a href="">logo</a></li>
      <li><a href="">nav03</a></li>
      <li><a href="">nav04</a></li>
    </ul>
  </nav>
</header>

<style>
body {
  margin: 0;
  padding: 10px;
}
ul {
  padding: 0;
  margin: 0;
}
li {
  list-style-type: none;
}
a {
  color: #333;
  text-decoration: none;
}


.logo {
  margin: 0 auto;
  background: #eee;
  padding: 10px 20px;
  display: inline-block;
}
nav ul {
  display: flex;
  align-items: center;
}
nav ul li a {
  padding: 0 20px;
}
</style>