JSFiddle - React, Tailwind, and code Playground

by Diego Betto

HTML

<div class="testo-limitato">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi porta urna vitae laoreet tempus. Ut vel bibendum eros. Praesent vulputate lectus in neque convallis rhoncus. Ut eros nisl, pulvinar eu felis vel, sollicitudin vehicula mi. Nunc elementum massa et metus viverra blandit consequat ut turpis. In imperdiet sit amet lacus ut condimentum. Vivamus porttitor consequat sem, nec hendrerit odio dignissim sed. Pellentesque lorem risus, fermentum et ullamcorper eu, finibus ut est. Duis scelerisque luctus diam, quis ultrices augue facilisis sed. Duis fermentum commodo dapibus. Quisque pretium, magna elementum pulvinar finibus, massa metus mattis metus, vel fermentum tellus ex sagittis ex.</p>
  <p>Duis fermentum commodo dapibus. Quisque pretium, magna elementum pulvinar finibus, massa metus mattis metus, vel fermentum tellus ex sagittis ex.</p>
  <p>Nunc elementum massa et metus viverra blandit consequat ut turpis. In imperdiet sit amet lacus ut condimentum. Vivamus porttitor consequat sem, nec hendrerit odio dignissim sed. Pellentesque lorem risus, fermentum et ullamcorper eu, finibus ut est. Duis scelerisque luctus diam, quis ultrices augue facilisis sed. Duis fermentum commodo dapibus. Quisque pretium, magna elementum pulvinar finibus, massa metus mattis metus, vel fermentum tellus ex sagittis ex.</p>
</div>

CSS

.testo-limitato p {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;
   max-height: 32px;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}