JSFiddle - React, Tailwind, and code Playground

HTML

<p>text <span class=inline>inline text</span> more text</p>
<p>text <span class=inline-block>inline block</span> more text</p>

CSS

p {
    width: 5em;
    background-color: #f0f0f0;
}

span {
    background-color: #d0d0d0;
}

.inline-block {
    display: inline-block;
    width: 4.5em;
}