JSFiddle - React, Tailwind, and code Playground

HTML

<div>this is text this is text this is textthis is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text hahahahahahahah 12312098378192739812739821739871298371298371982739812739812739821739821739812739817239872139871298371298372189371289371289379821739812739812739812739812739812739812739812739812739812739812</div>

CSS

div{display:block;width:300px;text-overflow:ellipsis;;overflow:hidden;max-height:200px;

  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}