<header class="header">
  <div class="logo"><a href=""><img src="https://emmieworks.github.io/open-labo/assets/logo/sample-logo.png" width="60px" height="60px"></a></div>
  <nav>
    <ul>
      <li><a href="">menu01</a></li>
      <li><a href="">menu02</a></li>
      <li><a href="">menu03</a></li>
      <li><a href="">menu04</a></li>
      <li><a href="">menu05</a></li>
    </ul>
  </nav>
</header>
.header {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.logo {
  padding: 10px 20px;
  display: inline-block;
}
nav {
  margin-left: auto;
}
nav ul {
  display: flex;
}
nav ul li{
  padding: 10px 20px;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a {
  color: #333;
  text-decoration: none;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.