JSFiddle - React, Tailwind, and code Playground
HTML
<span>Este es un tĂtulo extremadamente largo que no dice nada</span>
CSS
body {
overflow: hidden;
}
span {
border: solid 2px blue;
white-space: nowrap;
text-overflow: ellipsis;
width: 300px;
display: block;
overflow: hidden
}