JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="dontBreakmyLine">
        Some generated text
    </div>
    <div class="iCanUseWhatIsLeft">
        Another generated text
    </div>
</div>

CSS

.wrapper {
    width: 100%;
    display: table;
}

.dontBreakmyLine {
    display: table-cell;
    width: 1px;
    white-space:nowrap;
}

.iCanUseWhatIsLeft {
    display: table-cell;
}
div {
    border: 1px solid silver;
}
}