JSFiddle - React, Tailwind, and code Playground

HTML

<p>text <span>inline text</span> more text</p>
<p>text <button>atomic inline-level-box</button> more text</p>

CSS

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

span {
  background-color: #d0d0d0;
}

button {
  display: inline;
}