JSFiddle - React, Tailwind, and code Playground

HTML

<a href="test.html"> Test 1 </a>
<a href="test2.html"> Test 2 </a>
<a href="test3.html"> Test 3 </a>
<a href="test4.html"> Test 4 </a>

CSS

a {
    display: block; 
    position: relative;    
    height: 60px;
}

.tooltip {
    background: #ff0;
    color: #f00;
    font-size: 10px;
    padding: 5px;
    width: 400px;
    position: absolute;
    z-index: 2;
    top: 15px;
    left: 50px;
    border-radius: 5px;
}

JavaScript

$("a").each(function(k,v) {
    //alert(k);
    
    var markup;
    
    markup = '<div class="tooltip">'+v+'</div>';
    $(this).append(markup);        
    
});