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; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.box a{color:#000}