JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<fieldset>

  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt natus temporibus voluptates explicabo maxime iste impedit nisi laudantium reiciendis, ratione consequatur ea rerum id omnis delectus molestias qui earum sint.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt natus temporibus voluptates explicabo maxime iste impedit nisi laudantium reiciendis, ratione consequatur ea rerum id omnis delectus molestias qui earum sint.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt natus temporibus voluptates explicabo maxime iste impedit nisi laudantium reiciendis, ratione consequatur ea rerum id omnis delectus molestias qui earum sint.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt natus temporibus voluptates explicabo maxime iste impedit nisi laudantium reiciendis, ratione consequatur ea rerum id omnis delectus molestias qui earum sint.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, tenetur esse cumque. Quisquam corrupti molestias, aut. Eius, soluta enim debitis optio cum provident dolore cupiditate assumenda, nostrum eligendi? Veniam, ab.
  </p>

</fieldset>

CSS

fieldset{
  width: 400px;
}

p{
  
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical; 
}