<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>Creo que la forma de colocar uno a lado del otro es con
.encabezado{
display: flex;
}Estan de acuerdo?
Hola, ¿Que es lo que queres colocar "uno al lado del otro"? Si haces lo que escribiste me parece que va a quedar el logo al lado de los items del menú, pero los items del menú van a quedar uno sobre el otro, ya que el "display: flex;" aplicado en el ".encabezado" hace que queden en la misma linea los elementos o "contenedores" logo y menu, pero no el contenido de ellos.
Para que te queden el logo y al lado los items del menú, pero los items del menú queden uno al lado del otro debes darle también "display: flex;" al contenedor de los items.
.menu{
display: flex;
}
Saludos.