Верстка хеадера.

[AlexSiCSS]

Добрый день. Подскажите пожалуйста как реализовать.

Есть header в нем два дива, первый (логотип) располагается слева (float:left.
Второй справа (float:right, в нем еще два дива (меню) и (телефон с почтой).
Как разместить их по горизонтали, чтобы «контакты» шли за «меню»? Спасибо.

<header>
<div class="box1" style="float:left;"></div>
<div class="box-all" style="float:right;">
<div class="box2"><ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="box3"></div>
</div>
</header>

[Desc]

По верстке много решений на форуме.
Вот например: Есть следующий вопрос,как отразить список по горизонтали?
И поиск по форуму есть: Поиск: Ключевые слова: head, logo, menu ; Раздел: HTML и CSS и подразделы

[Bulat Ibrahim]

AlexSiCSS, как один вариант - попробуйте задать позицию вашим блокам "box2" и "box3", значения "relative" или "absolute" (https://webref.ru/css/position).
Также можете изменить их способ отоблажения на блочно-строчный (inline-block), и задать этим же блокам уже знакомое вам свойство "float:left".