JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.content-controls {
	width:100%;
}
.content-controls-left {
	float:left;
	width:35px;
    background:green;
}
.content-controls-right {
	float:right;
	width:35px;
    background:tomato;
}
.content-controls-middle {
    float:left;
	margin-left:40%;
    width:35px;
    background:blue;
   
}