JSFiddle - React, Tailwind, and code Playground

HTML

xxx<br>
<span id=title>yyy</span><br>
zzz<br>

CSS

#tittle {
        width: 200px;
        background-color: white;
        text-align: center;
        line-height: 1em;
        height: 2em;
        overflow: hidden;
    }

    #tittle:hover {
        position: relative;
        overflow: visible;
        text-align: center;
    }