JSFiddle - React, Tailwind, and code Playground

by 9edge

HTML

<a class="tooltip" href="#">Click <span>This is a tooltip</span></a>

CSS

.tooltip {
    border-bottom: 1px dotted #000000; color: #000000; outline: none;
    cursor: help; text-decoration: none;
    position: relative;
}
.tooltip:hover span {
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute;
  left: 1em;
  top: 2em;
  z-index: 99;
  margin-left: 0;
  width: 250px;
    display: block;
}
span{
    display: none;
    
}