JSFiddle - React, Tailwind, and code Playground

HTML

<span>Test test test test test test</span>

CSS

span {
    border: solid 2px blue;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    width:100px;
}