JSFiddle - React, Tailwind, and code Playground

by Bacco

HTML

<div class="barra">
   <button>&lt</button>
   <button>Confirmar</button>
   <button>Cancelar</button>
   <button>&gt</button>
</div>

CSS

.barra {
   padding:0 30px; /* margem de seguranca para as pontas */
   min-width:240px; /* aqui é só para o demo nao ficar estreito demais */
   position:relative;
   text-align:center;
}

.barra :first-child {position:absolute;left: 0}
.barra :last-child {position:absolute;right: 0}


/* Daqui pra baixo é só para deixar o exemplo mais simpático */

button {
   color:#fff;
   background-color: #47b;
   font:15px/30px sans-serif;
   text-transform:uppercase;
   text-shadow:1px 1px 1px #000;
   padding: 0 10px;
   border:none;
}