JSFiddle - React, Tailwind, and code Playground

HTML

<div  class="hide-long-text">
Now a long wooooooooooo ooooooooooooooooooooord
</div>

CSS

.hide-long-text {
   height: 80px;
    width: 110px;
    border: 1px solid #adb8c0; 
    overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap;
}