JSFiddle - React, Tailwind, and code Playground

by yudizsolutions

HTML

<div class="wrapper">
  <div class="text">
    Since the introduction of inkjet printing is in the latter half of the
    1980s, inkjet printers have grown in popularity and performance while
    dropping significantly in price. Since the introduction of inkjet
    printing is in the latter half of the 1980s, inkjet printers have grown
    in popularity and performance while dropping significantly in price.
  </div>
</div>

CSS

.wrapper {
  border: 1px solid blue;
  width: 608px;
}

.text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}