JSFiddle - React, Tailwind, and code Playground

HTML

<div class="head">
    <div class="right">
        Боже, тяжелый случай...
    </div>
    <div class="left">
        Видимо, пока не покажу не дойдет.
    </div>
</div>
<div class="body">
    И никаких <b>100% - 240px</b>...
</div>

CSS

.head {
    overflow: hidden;
    border: #000 1px solid;
}

.right {
    float: right;
    width: 240px;
    padding: 5px;
    background: yellow;
}

.left {
    margin-right: 250px;
    padding: 5px;
    background: red;
}

.body {
    padding: 5px;
    border: blue 1px solid;
}