JSFiddle - React, Tailwind, and code Playground

HTML

<div>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </div>

CSS

div {
    width: 100px;
    height: 100px;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid black;
}