JSFiddle - React, Tailwind, and code Playground

by fersterin

HTML

<div><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis officiis nulla similique suscipit eligendi iste illo soluta commodi distinctio, obcaecati dolorum accusamus blanditiis id ipsa eveniet provident dolore ducimus mollitia, in esse sunt officia voluptate dicta doloribus! Possimus magnam mollitia cum culpa at earum repellat odio aut deserunt, ab distinctio neque fugiat aliquam provident laboriosam aspernatur, asperiores tempore dignissimos, doloribus officia beatae facere, placeat expedita perspiciatis. Aliquam quaerat consequatur excepturi rerum, ducimus dolores ipsam dolore illum dolorum, autem, deserunt nemo ut, totam hic sequi. Quis obcaecati similique explicabo illo quidem mollitia nam ad vero magni adipisci cupiditate et atque, quod, excepturi. Quas at possimus error odio temporibus, in vitae! At, libero, incidunt.</p></div>
<div><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis officiis nulla similique suscipit eligendi iste illo soluta commodi distinctio, obcaecati dolorum accusamus blanditiis id ipsa eveniet provident dolore ducimus mollitia, in esse sunt officia voluptate dicta doloribus! Possimus magnam mollitia cum culpa at earum repellat odio aut deserunt, ab distinctio neque fugiat aliquam provident laboriosam aspernatur, asperiores tempore dignissimos, doloribus officia beatae facere, placeat expedita perspiciatis. Aliquam quaerat consequatur excepturi rerum, ducimus dolores ipsam dolore illum dolorum, autem, deserunt nemo ut, totam hic sequi. Quis obcaecati similique explicabo illo quidem mollitia nam ad vero magni adipisci cupiditate et atque, quod, excepturi. Quas at possimus error odio temporibus, in vitae! At, libero, incidunt.</p></div>
<div><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis officiis nulla similique suscipit eligendi iste illo soluta commodi distinctio, obcaecati dolorum accusamus blanditiis id ipsa eveniet provident dolore ducimus mollitia, in esse sunt officia voluptate dicta...

CSS

p {
	width: 200px;
	overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
	border: 1px solid red;
	margin: 0;
	padding: 0;
}
div {
	display: inline-block;
	vertical-align: top;
	margin-left: -0.31em
}