JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box"> <a href="#">Stackoverflow is very useful site and I love it</a>

</div>

CSS

.box {
    width:230px;
    height:50px;
    line-height:50px;
    background:#eee;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.box a {
    color:#000
}