JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="leftdiv">left</div>
    <div id="middlediv">middle</div>
    <div id="rightdiv">right</div>
</div>

CSS

#container {
    height: 100px;
    width: 200px;
    background-color: grey;
}
#container div {
    display: inline-block;
}
#rightdiv {
    background-color: blue;
    float: right;
}
#middlediv {
    background-color: yellow;
}
#leftdiv {
    background-color: red;
}