JSFiddle - React, Tailwind, and code Playground

by Bacco

HTML

<div class="pai">
    <button class="esq">
        <</button>
            <div class="meio">
                <button>Botao 1</button>
                <button>Botao 2</button>
            </div>
            <button class="dir">></button>
</div>

CSS

.pai {
    display:flex;
    flex-direction:row;
}
.pai .meio {
    flex-grow:1;
    text-align:center;
}
.pai .dir, .pai .esq {
    flex-basis:50px;
}