tooltip1.html

<head>
    <style>
        .tooltip{
            display:inline-block;
            border:1px solid black;


        }
        .text{
            visibility:hidden;
            background-color: black;
            color: white;
            margin: 20px;
            padding: 30px;
            position:absolute;
        }
        .tooltip:hover .text{
            visibility:visible;
            /* position: bottom left; */
        }
    </style>

</head>
<body>
    <div class="tooltip">click here <span class="text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde atque facere quibusdam nisi aut aperiam animi est reprehenderit eos, placeat corporis voluptatibus sequi. Quidem maxime nesciunt reprehenderit in inventore? Pariatur possimus placeat eum cumque excepturi fugiat incidunt! Velit, minima quaerat.</span></div>
</body>