<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.