JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    Lorem ipsum dolor sit amer
    Lorem ipsum dolor sit amer
    Lorem ipsum dolor sit amer
    Lorem ipsum dolor sit amer
    Lorem ipsum dolor sit amer
</div>

CSS

div {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  width: 200px;
  height: 40px;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding:20px;
  overflow:hidden;
  text-overflow: ellipsis;
}