JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div {
    width: 150px;
    border: 1px solid;
}

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