JSFiddle - React, Tailwind, and code Playground

by duopixel

HTML

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

CSS

.noteOverflow{
    display:block;
    overflow: hidden;
    white-space: nowrap;
    width:100px;
    height:25px;
    line-height:25px;
    text-overflow: ellipsis;
}
.noteOverflow:active{
    width:auto;
}