Как зафиксировать блоки на одной линии?

Question

[Forge0100]

Дела в том что не знаю как мне заставить блок названия и навигации не смещаться после уменьшения размера экрана, хотя я использую inline-block

Вот сам блок:
CodePen.io

Заранее спасибо!

Answer 1

[Михаил]

выставить ширину для их родителя
.header {
padding: 11px 26px 11px 26px;
position: relative;
width: 800px;
}

Comments

[Forge0100]

А без указания как-то можно?

[Михаил]

незнаю, думаю нет

[Михаил]

это же логично что они перескакивают вниз, тк при уменьшении страницы им становится мало места

[Михаил]

можете например с помощью медиа запросов уменьшать падинки для li