JSFiddle - React, Tailwind, and code Playground

HTML

<p>thisssssssssssss&nbsp;issssssssss a test</p>
<p>thisssssssssssss&nbsp;<span>isssssssssss another</span> test</p>
<p>thisssssssssssss<span id="b">&nbsp;<button>isssssssssss another</button></span> test</p>

CSS

button, .a {
    display: inline;
    whitespace: nowrap;
}
#b {
    white-space: nowrap;
}