JSFiddle - React, Tailwind, and code Playground

HTML

<div class="showtooltipA">Hover over me!
    <div class="tooltipA">this is my <a href="http://google.fr">wunderfull</a> tip displayed on hover only :)</div>
</div>

CSS

.showtooltipA {
  position: relative;
}

.showtooltipA .tooltipA {
    display: none;
    position: absolute;
    top:20px;
    left: 40px;
    border: 1px solid grey;
    background-color: lightyellow;
    padding:10px;
    font-size: 1em;

}

.showtooltipA:hover .tooltipA,
.showtooltipA:focus .tooltipA {
    display: block;
}