How to creat a tooltip

<!DOCTYPE html>
<html>

<head>

</head>

<body>
   
    <div class=”tooltip_div”>Left Tooltip
<span class=”tooltip”>This is the Tooltip text</span>
</div>
   
    <style>
        body {
text-align:left;
}
.tooltip_div {
   
    position: relative;
    display: inline-block;
}

.tooltip {
    visibility: hidden;
}
.tooltip_div:hover .tooltip {
    visibility: visible;
}
    </style>
   
</body>

</html>

Site icon
How to creat a tooltip
Unknown's avatar

Published by DeonDennis

code-xombi was created to teach upcoming programmers the basics in programming

Leave a Comment