JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cover"><span>Here is the title in a single line!</span></div>

CSS

#cover{
height:200px;
width: 150px;
background-color:#00f;
margin-top:50px;
margin-left:auto;
margin-right:auto;
}

#cover span{
position:absolute;
background-color:#0f0;
display:none;

}

#cover:hover span{
display:block;
}