How to position one element in the middle and another at the end?

Question

HTML

For example, take the following code:

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

What layout options are there so that the block is in the header__logomiddle, and header__actionsat the end?

Answer 1

it's painless