JSFiddle - React, Tailwind, and code Playground

by thebrain_ca

HTML

<div class="container">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ornare orci quis nibh hendrerit elementum vel ut mi. In semper turpis eget dignissim tincidunt. Vivamus laoreet nibh id consectetur pretium. Donec porttitor sapien eu fermentum maximus. Nullam a dignissim massa. Nam nec pellentesque neque. Curabitur nisl dolor, suscipit a tempor.</div>

CSS

.container{
  line-height: 1.1;
  height: 2.2em;
  width: 50%;
  max-width: 22em;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: wrap;
}