JSFiddle - React, Tailwind, and code Playground

HTML

<span data-title="Attribution">test</span>

CSS

span:after{
    padding: 2px;
    display:none;
    position: relative;
    top: -20px;
    right: -30px;
    width: 150px;
    text-align: center;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    border-radius: 2px;
}
span:hover:after{ display: block; }
span:after{ content: attr(data-title); }