Как правильно сверстать такой блок?

Question

[Константин Теплоухов]

Добрый день как правильно (без js , сеток , bootstrap,ов разных там) сверстать вот такую шапку

Но чтоб на экранах меньше N размера (980px к примеру)
Оно становилось вот так


ps : забыл добавить . Сайту нужна поддержка более старых браузеров так что flexbox не канает . Сайт весь на float,ах

Comments

[Иван]

flexbox

[Константин Теплоухов]

Иван, Нужна поддержка старых браузеров . Весь сайт на float,ах .

Answer 1

[Insolation]

https://codepen.io/Slasher_/pen/VQoaxE?editors=1100

Answer 2

[Enrage]

Если задана высота блоков, то можно сделать примерно так:
Пример