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 {
    display: table;
    table-layout: fixed;
	width:100%;
}

.content-controls div {
    display: table-cell;
}

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