JSFiddle - React, Tailwind, and code Playground

HTML

<div>testtesttesttesttesttest</div>

CSS

div {
    border:1px solid #000;    padding:20px;
    width:50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;          
}