JSFiddle - React, Tailwind, and code Playground

by joshvogt

HTML

<p>This is a link to <a href="http://google.com">Google</a>.</p>

CSS

a{
    position:relative;
    display:inline-block;
    margin-top:30px;
    text-decoration:none;
}

a:hover::before{
    display:block;
    position:absolute;
    content: attr(href);
    top:-30px;
    left:30px;
    background:green;
    color:white;
    padding:5px;
    border-radius:3px;
}