JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.content-controls {
	width:100%;
}
.content-controls-left {
	float:left;
	width:50px;
}
.content-controls-right {
	float:right;
	width:35px;
}
.content-controls-middle {
    float:left;
	margin:auto 0;
}