JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<div class="leftbar">
    Hello mother
</div>
<div class="rightbar">
    Hello father
</div>
<div class="trev">
    Random text
</div>

CSS

div.leftbar{
	display:inline-block;
	float:left;
	margin: 0px;
    width:140px;
    background-color:green;
}

div.rightbar{
	display:inline-block;
	float:right;
	margin: 0px;
    width:140px;
    background-color:blue;
}

div.trev{
	display:inline-block;
	float:left;
	margin: 5px;
    background-color:red;
    width:calc(100% - 340px);
text-align: center;
}