mi solución crear un div container como hijo del encabezado y aplicar propiedades del flexbox
HTML
<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>
</div>
CSS .encabezado .container-encabezado{ display: flex; align-items: center; justify-content: space-between; } .menu{ display: flex; }