JSFiddle - React, Tailwind, and code Playground

HTML

<p>this is a long <span class="nowrap">test(s)</span></p>

CSS

p {
    word-break: break-word;
}

@media all and (-ms-high-contrast:none)
         {
             .nowrap {
                 white-space: pre;
    }
     *::-ms-backdrop, .nowrap {
    white-space: pre;
}
     }