Как выравнивать кнопку по центру, а от неё уже расположить текст?

Question

[Илья]

Пример:

<div>
  <span>текст</span>
  <button>000|000</button>
  <span>длинный текст</span>
</div>

Нужно расположить кнопку по центру экрана, а текст уже относительно кнопки раздвинуть на 10px.
То есть кнопка должна быть всего по центру блока, не зависимо от текста.
Как это можно реализовать?

Comments

[Ankhena]

Флексы (ну либо не флексы, а инлайн-блоки и ширина calc)
кнопка ширины кнопки, спаны на все оставшееся пространство
в левом спане выравнивание по правому краю с отступом в 10 точек, в правом соответственно по левому

Answer 1

[galkan]

div {
display: flex;
justify-content: space-between;
}
span {
flex: 1;
}
span:first-child {
text-align: right;
}

Answer 2

[enabl3]

Может попробовать выровнять таким способом?
align="center"