JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

body {
    margin: 0;
}

.abc {
    display: inline-block;
    background-color: lightblue;
    width: 100px;
}

.def {
    display: inline-block;
    background-color: blue;
    width: calc(100% - 100px);
    margin-left: -4px;
}

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