JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>

CSS

p {
    text-overflow: ellipsis;
    display block;
    width: 100px;
    overflow: hidden;     
    white-space: nowrap;
    padding: 5px;
    border: solid 1px #000;
}