JSFiddle - React, Tailwind, and code Playground

HTML

<div id="title">
    <div id="overflow">
    Lorem ipsum dolor sit amet, eum verear repudiare gubergren ei, probo postea fastidii eu eum, ea cibo velit vivendo his. Adhuc volumus et pri, mea et idque hendrerit concludaturque, ex quo etiam mentitum molestie. Soluta doctus noluisse ex sit, vix et paulo graeci. Sonet possit an vim, mutat labore expetenda ius ea. Sea in rebum probatus. Eu eleifend torquatos delicatissimi mel, mei volumus eloquentiam ad.
    </div>
</div>
<button> TLACITKO </button>

CSS

#title {
        width: 200px;
        text-align: center;
        line-height: 1em;
        height: 2em;       
        overflow: hidden;
    }
    #title:hover {        
        overflow: visible;
    }
    #title:hover #overflow {
      display:inline-block;
      background-color: white;
      position: relative;
      z-index:1;
    }
    button {
      
    }