<div class="header__body">
    <div class="header__0"></div>
    <div class="header__logo">Это логотип!</div>
    <div class="header__actions">А здесь кнопка</div>
</div>

<div class="header__mid">x</div>
.header__body{
  display: flex;
  justify-content: space-between;
}
.header__logo{
  transform: translateX(50%)
}
.header__0{
  width: 0;
}

.header__mid{
  text-align:center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.