JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
        <div class="left">тексттексттексттексттекстттекст</div>
        <div class="right">что должно быть здесь?</div>
    </div>

CSS

.wrap{
width:500px;
height:22px;
margin:0 auto;
border:1px solid #ccc;
overflow:hidden;
}

.left{
float:left;
border:1px solid red;
white-space:nowrap;
}

.right{
border:1px solid blue;
}