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

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


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