JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<header>
  <a href="" class="b-cell">Логотип</a>
  <div class="other-box b-cell">
    какой-то текст
  </div>
  <nav class="b-cell">
    <a href="">link-1</a>
    <a href="">link-2</a>
    <a href="">link-3</a>
    <a href="">link-4</a>
  </nav>
</header>

CSS

header {
  display: table;
  width: 100%;
  height: 300px;
  text-align: center;
}
.b-cell {
  display: table-cell;
  vertical-align: middle;
}