JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://google.com" data-title="The World's Largest Search Engine!">Google!</a>

CSS

.box
{
  border: 1px solid green;
  position:absolute;
  color: white;
  top: 19px;
  left: 30px;
  background-color: black;
}

JavaScript

$( "a" ).hover(
  function() {   
   var title = $(this).attr("data-title");
    $('<div/>', {
        text: title,
        class: 'box'
    }).appendTo(this); 
  }, function() {
    $(document).find("div.box").remove();
  }
);