JSFiddle - React, Tailwind, and code Playground

by Christian Unigarro

HTML

<div>dgh gghd gh gfh d hg df hfgd hdfg hdgfh dfg hdfg hdfg  dhdfg hgfdh gfh dfgh dhf hfg hdfhg hfdg hdfg hfdg hdfg h g.</div>

CSS

div{
 width:100%;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2; /* number of lines to show */
 -webkit-box-orient: vertical;
}