JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<div class="MainDiv">
 <p>This is a sample text.This is a 2nd sample text. existing inside a paragraph. I want to make this ellipsis to avoid overflow text.</p>
 <p>This is a 2nd sample text. existing inside a paragraph. I want to make this ellipsis to avoid overflow text.</p>
</div>

CSS

.MainDiv{

   border:1px solid black;
   width:200px;

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

}