JSFiddle - React, Tailwind, and code Playground

HTML

Lollipop chocolate cake ice cream chocolate. Caramels muffin sweet roll. Applicake ice cream cake marzipan. Sweet gummi bears caramels gummi bears cupcake. Marzipan chocolate cake applicake ice cream. Tootsie roll

<abbr title="United States of America">USA</abbr>

CSS

abbr {
    padding:5x 10px;
}

abbr:hover:before {
   content: attr(title);
   position:absolute;
    background:#000;
    color:#fff;
    padding:5px 10px;
    margin:-35px 0 0 0;
}