JSFiddle - React, Tailwind, and code Playground

by ckissi

HTML

<div style="width:200px" class="el-text">
  Sometimes you may need to shrink your text
</div>

CSS

.el-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}