Как выровнять меню относительно блока?

Question

[mindx]

Скачал бесплатный макет, и уже впал в ступор, как выровнять меню относительно логотипа?
Учусь только...
https://codepen.io/Mindx/pen/QaoRvw

Answer 1

[Anton Filippov]

можно паддингом, как посоветовал Артем Кирьянов, но если что-то изменится то придется опять лезть и менять, в вашем случае красивее и корректнее сделать так: https://jsfiddle.net/e5tjwLb9/2/

Answer 2

[Артем Кирьянов]

Задать:
.header-menu {
padding-top: 15px;
}

Answer 3

[viacheslav_shevchenko]

Добавить в .header-menu li свойство line-height: 5.5rem; значение 5.5em равное высоте логотипа. Так же можно переписать на flex как в примере flppv но это больше уже не для начинающих техника.

Comments

[Anton Filippov]

почему не для начинающих? Флоаты с неочевидным поведением и построением документа, ещё и с добавлением хаков(клирфикс) - проще?