Respondiendo a la pregunta , se le daría la propiedad flex a la clase encabezado y automáticamente los elementos hijos se colocan juntos de manera horizontal :

- Item 1 del menu
- Item 2 del menu
- Item 3 del menu
- Item 4 del menu
¡Hola Edison!
Para colocar el logo a la izquierda y el menú a la derecha, puedes utilizar la propiedad "justify-content" en la clase "encabezado". Esta propiedad te permite alinear los elementos en el eje horizontal. En este caso, puedes utilizar el valor "space-between" para que los elementos se distribuyan a lo largo del eje horizontal, dejando el logo a la izquierda y el menú a la derecha.
Aquí te dejo el código CSS que puedes utilizar:
.encabezado { display: flex; justify-content: space-between; }
De esta manera, los elementos hijos de la clase "encabezado" se colocarán juntos de manera horizontal y el logo se colocará a la izquierda y el menú a la derecha.
Espero que esto te sea de ayuda. ¡Buenos estudios!