JSFiddle - React, Tailwind, and code Playground

by Dmitry Nazarov

HTML

<div id="block">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>

CSS

#block {
  border: 1px solid black;
  width: 200px;
  height: 100px;
  overflow: hidden;
  padding: 5px 10px;
  font-size: 14px;
}

#block:hover {
  height: auto;
  cursor: pointer;
}