<header class="encabezado">
<a class="logo" href="#">
<img src="img/logo.png">
</a>
<ul class="menu">
<li class="menu-item">Item 1 del menu</li>
<li class="menu-item">Item 2 del menu</li>
<li class="menu-item">Item 3 del menu</li>
<li class="menu-item">Item 4 del menu</li>
</ul>
</header>Colocamos a la clase padre un displey:flex; para que queden un lado del otro y con justify-content: space-between; para dar un spacio entre ellos.
.encabezado { display: flex; justify-content: space-between; }
