<header>
  <div class="logo">logo</div>
  <nav class="nav">
    <ul>
      <li>nav-link</li>
      <li>nav-link</li>
      <li>nav-link</li>
      <li>nav-link</li>
    </ul>
  </nav>
  <div class="enter"><span>register</span></div>
</header>
header {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav {
  ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
  }
  li {
    padding: 5px 15px;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.