JSFiddle - React, Tailwind, and code Playground

HTML

<div class="croptext">Тут всякий длииииинный текст</div>

CSS

.croptext {
    width:150px;
    height:20px;
    color:black;
    overflow:hidden;
    white-space:nowrap;
    border:1px solid red;
}