JSFiddle - React, Tailwind, and code Playground

HTML

<div id="standalone">Test test test test test test</div>

<div><a href="#">Test test test test test test</a></div>

<div><a href="#" style="white-space:normal; padding:.5em">Testaaaaaaaaaaaa test test test test test</a></div>

<div><a href="#" style="white-space:normal; padding:.5em">Test aaaaaaaaaaaa test test test test test</a></div>

CSS

div {
    border: solid 2px blue;
    width: 70px;
}
div#standalone,a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}