JSFiddle - React, Tailwind, and code Playground

by Bacco

HTML

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

CSS

.barra {
   padding:0 50px; /* margem de seguranca para as pontas */
   overflow:hidden;
   text-align:center;
}

.barra .l {position:absolute;left: 0}
.barra .r {position:absolute;right: 0}


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

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