JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true" class="edit">This is a Test case,Its a testing text not actual text</div>

CSS

.edit {
    width:150px;
    height:20px;
    background:#dcdcdc;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}