JSFiddle - React, Tailwind, and code Playground
by br1ckb0t
HTML
<div>Vivamus feugiat quis dui id euismod. Quisque bibendum tincidunt fringilla. Nulla in lorem quis magna gravida blandit eu sed metus. Phasellus metus urna, scelerisque vitae urna a, placerat tempor sem. Aenean vehicula nisi ac ligula interdum consectetur. Vivamus sit amet elementum erat. Phasellus vehicula fringilla est ut laoreet. Curabitur egestas mi non est convallis hendrerit. Nunc eu nisi varius, suscipit metus ut, rutrum diam. Duis porta, elit euismod interdum dictum, eros felis finibus arcu, a ultricies metus sem sit amet lectus. Vestibulum quis sem at turpis sodales cursus. Maecenas mollis in ligula condimentum maximus. Phasellus nec sodales justo. Suspendisse ornare leo odio, at ultricies urna rhoncus dapibus. Donec ut facilisis libero. Donec sit amet eros id dui efficitur pulvinar. Praesent lobortis molestie dui id facilisis. Mauris vehicula odio lorem, sit amet cursus nunc semper vitae. Suspendisse vitae magna nunc. In et augue quis erat interdum bibendum sit amet quis ligula. Vivamus pharetra id erat nec ultrices. Cras fringilla laoreet risus, ut interdum augue efficitur in. Pellentesque fermentum convallis ipsum, nec pretium elit aliquet vel.</div>
CSS
div {
position: relative;
line-height: 1.2em;
height: 7.2em;
overflow: hidden;
}