JSFiddle - React, Tailwind, and code Playground

HTML

<span class="noteOverflow">Long text here. Yup, it's pretty dang long. This'll probably overflow...</span>

CSS

.noteOverflow{
    display:block;
    overflow:hidden;
    width:100px;
    height:25px;
    line-height:25px;
}
.noteOverflow:active{
    width:auto;
}