JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span>
        test
    </span><span>
        test 
        test test test test test test 
        test test test test test test test 
        test test 
        test test test test test test test 
        test test test test test test 
    </span><span>
        test
    </span><span>
        test
    </span>    
</div>

CSS

div {
    white-space: nowrap;
}

span {
    vertical-align: top;
    white-space: normal;
    width:500px;
    display: inline-block;
    border: 1px solid #000;
    background-color: red;
}

JavaScript

;