JSFiddle - React, Tailwind, and code Playground

HTML

<div>This is some long text</div>

CSS

div { float:left; width:100px; background-color:#E0E0E0; border:1px solid gray; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }