JSFiddle - React, Tailwind, and code Playground

HTML

<div>
Центр<br>|<br>|<br>|
</div>
<div>
  <span>текст</span>
  <button>---->|<----</button>
  <span>длинный текст</span>
</div>

CSS

body{
  text-align: center;
}
button{
  margin: 0 10px;
}