JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div">This is some long text that will not fit in the box</div>

CSS

#div {
    width: 6em; 
    height: 3em;
    overflow-x: hidden;
    border: 1px solid #000000;
}