JSFiddle - React, Tailwind, and code Playground

HTML

<div>Lorem ipsum dolor sit amet, consectefsfsfsfsffsdffsdfsdfsdf  fsd  sf gg ggdggdgdg  dgd    dgdgg ggdggdgdg  dgd    dgdgg ggdggdgdg  dgd    dgdgg ggdggdgdg  dgd    dgdgg ggdggdgdg  dgd    dgd dfhfhs</div>

CSS

div{
    background: #9c0;
    width: 240px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

div:after{
    content: '&nbsp;&nbsp;                                                                         ';
    display: inline;
}