JSFiddle - React, Tailwind, and code Playground

HTML

<div id="text">loremipsum loremipasd ssumlorasd a d emipsuasd asdmloremipsuasd as mloremi asd asd psumloremipsumloreas  mipsumloremipsumloasd  as remipsumloremipsumlore mipsasd asd umloremipsumloremipsumloremipsumloremipsumlorem ipsumloremipsumloremipsumloremipsumloremipsumlore mipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsumloremipsum</div>

CSS

#text {
font-size: 16px;
    width: 200px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
 
}