JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
<div>
    This is above the paragraph.
</div>
<div class="excerpt">
    This is my text. It has many lines. This is my text.
    It has many lines.This is my text. It has many lines.
    This is my text. It has many lines. This is my text.
    It has many lines.
</div>
<div>
    This is below the paragraph.
</div>
</div>

CSS

#content { width:300px }
div.excerpt { height:1.1em; overflow:hidden }
div.excerpt:hover { height:auto; color:green }