JSFiddle - React, Tailwind, and code Playground

HTML

Top<div class='div'>Content</div>Bottom

CSS

div.div {
   height: 30px;
    width: 300px;
    border: 1px solid black;
}

div.div:hover {
   height: 300px;
}