JSFiddle - React, Tailwind, and code Playground

by jamestoone

HTML

<p>This is text that doesn't fit inside, but is visible on hover.</p>

CSS

p {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
p:hover {
    max-width: none;
}