Как сделать что бы .menu был на одной вертикальной линии с .text?

Question

[Андрей Иванов]

Как сделать что бы .menu был на одной вертикальной линии с .text, и при изменении ширины окна браузера оставались на одной линии Песочница

Answer 1

[Николай Еремеев]

Переместите меню выше

<div class="top-line">
  <div class="logo">lorem</div>
  <div class="text">text text text text</div>
    <nav class="menu">
    <div class="wrapper">
      <a href="/">туда</a>
      <a href="/">вход</a>
      <a href="/">выход</a>
    </div>
  </nav>
</div>
<div class="bottom-line">
  <nav class="list-social">
    <a href="/">facebook</a>
    <a href="/">instagram</a>
    <a href="/">vk</a>
  </nav>
</div>

и отрегулируйте ширину блоков в css
к примеру так:

.text
  background-color: red
  padding: 15px
  width: calc(100% / 12 * 4)

Comments

[Ankhena]

width: calc(100% / 12 * 4) разумнее просто написать 33.33% ну или чтобы браузер сам округлял 100% / 3