JSFiddle - React, Tailwind, and code Playground

HTML

<div>Строка</div>
<div>Ещё одна</div>
<div>третья строчка длиннее первых двух</div>
<div>четвёртая строчка ещё длиннее, она даже длиннее третьей, вот</div>

CSS

div {
    font-size: 14px;
    width: 200px;
    text-align: center;
    height: 20px;
    overflow-x: visible;
    white-space: nowrap;
}