JSFiddle - React, Tailwind, and code Playground

HTML

<label id="cats">This is some long text that will not fit in the box fagfahb dgdh dbgb This is some long text that will not fit in the box fagfahb dgdh This is some long text that will not fit in the box fagfahb dgdh</label>

CSS

label#cats {
    white-space: nowrap; 
    width: 30px; 
    overflow: hidden;
    text-overflow: ellipsis; 
    border: 1px solid #000000;
}