JSFiddle - React, Tailwind, and code Playground

by QMaster

HTML

<p>Here is a paragraph with a lot of text, but only two visible lines. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

CSS

p {
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    width: 500px;
}

 p::before {
   content: '...';
   float: right;
   margin-top: 1.5em;
}