JSFiddle - React, Tailwind, and code Playground

HTML

<a>Hello superlongword</a>

CSS

a {
    display: inline-block;
    overflow: hidden;
    padding: 20px;
    background: black;
    color: white;
    text-align: center;
    text-decoration: none;
}
<a href="#">Hello superlongword</a>