Advertisement
GIFCITY

tooltip text

Dec 8th, 2022 (edited)
275
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.50 KB | None | 0 0
  1. <style>
  2. .tooltip {
  3. position: relative;
  4. display: inline-block;
  5. border-bottom: 1px dotted black;
  6. font-size:175%;
  7. }
  8.  
  9. .tooltip .tooltiptext {
  10. visibility: hidden;
  11. width: 120px;
  12. background-color: black;
  13. font-size:75%;
  14. color: #fff;
  15. text-align: center;
  16. border-radius: 6px;
  17. padding: 5px 0;
  18.  
  19. /* Position the tooltip */
  20. position: absolute;
  21. z-index: 1;
  22. }
  23.  
  24. .tooltip:hover .tooltiptext {
  25. visibility: visible;
  26. }
  27. </style>
  28.  
  29. <div class="tooltip">text
  30. <span class="tooltiptext">text</span>
  31. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement