JSFiddle - React, Tailwind, and code Playground

HTML

<header class='header'>
  <div class='header__item'>
    Иконка + текст
  </div>
  <div class='header__item'>
    Логотип
  </div>
  <div class='header__item'>
    Номер телефона
  </div>
</header>

CSS

header {
  height: 50px;
  background: lightgray;;
  padding: 10px;
  text-align: justify;
  position: relative;
}
.header__item {
  height: 50px;
  line-height: 50px;
}

.header__item:nth-child(1) {
  float: left;
}
.header__item:nth-child(2) {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
}
.header__item:nth-child(3) {
  float: right;
}