Как выровнять элементы?

Question

[Mymacom]

Здравствуйте. Не как не могу поставить логотип и меню на одну строчку. Получается, что логотип выдавливается вниз. Покрасил в зелёный, то что выдавливает. При absolute наезжает на меню.
https://codepen.io/Mymacom/pen/EqXPVN

Answer 1

[Антон Усачев]

Answer 2

[Рома Зварич]

Один из вариантов
1) Перенесите элемент логотипа внутрь #menu.
2) Расположите элементы внутри #menu в одну строку с помощью Flexbox
3) Задайте зеленую заливку не списку, а всему #menu (ну или header)

Результат

Answer 3

[Kirill Udaltsov]

На будущее:
Вёрстка на Flexbox в CSS. Полный справочник