Как сверстать такой headear?

Question

[Frel]

Как сверстать такой headear?
Флоатами?

Comments

[HamSter]

float, flex, ...

Answer 1

[Николай]

Можешь сетку от bootstrap взять. Или вот набросок общий, а дальше я думаю сам допишешь и придумаешь классы)

<header class="header">

<div>logo</div>
<div>in English</div>


<ul></ul>



<ul></ul>

<div>
Мы на фейсбук

<input>
</div>

</header>

.header div, header nav {
   display: inline-block;
   margin: 0 -4px 0 0;
  vertical-align: baseline;
}

Comments

[Николай]

Sergey Goryachev: набросок, я хуй знает как он оформляет блоки с навигацией.

[Николай]

Sergey Goryachev: валидатор одобрит использование li без ul?

[Николай]

Sergey Goryachev: понял, ошибки не вижу. обычно использую nav чтобы сенематику прописать nav role="navigation"

[Николай]

Sergey Goryachev: спасибо, исправлюсь.

[Андрей Федоров]

Sergey Goryachev: Можете аргументировать? https://www.w3.org/wiki/HTML/Elements/nav

[Frel]

Окей попробую!