JSFiddle - React, Tailwind, and code Playground

HTML

<div class="abc">abc</div>
<div class="def">def</div>
<div class="ghi">ghi</div>

CSS

.abc {
    float: left;
    background-color:lightblue;
    width: 100px;
}

.def {
    background-color: lightyellow;
    padding-left: 100px;
}

.ghi {
    display:inline-block;
    background-color: lightgreen;
    width: 100%;
}
}