<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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.