JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content-controls">
    <div class="content-controls-left">123</div>
    <div class="content-controls-right">456</div>
    <div class="content-controls-middle">ABC</div>
</div>

CSS

.content-controls {
    width:100%;
}
.content-controls-left {
    float:left;
    width:50px;
}
.content-controls-right {
    float:right;
    width:35px;
}
.content-controls-middle {
    text-align: center;
}