JSFiddle - React, Tailwind, and code Playground

HTML

<span class="text">This is a text</span>
<span class="text">This is a short text</span>
<span class="text">This is a text with some veeeeeeeeeeeery long words</span>
<span class="text">This is a text with some veeeeeeeeeeeeeeeeeeeeery long words</span>

CSS

.text{
  width: auto;
  max-width: 260px;
  border: 1px solid red;
  display: inline-block;
  margin-left: 20px;
}