JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">普通のリンクです。<span class=setumei>にゃー にゃーにゃー</span></a>

CSS

.setumei {
    display: none;
    position: absolute;
 /* top: -2em; */
    bottom: 100%;
}
a:hover {
    position:relative;
    text-decoration:none;
}
a:hover .setumei {
    display: block;
    background-color: #e79221;
    padding:3px;
    color:#ffffff;
    border-bottom:#ffffff solid 10px;     
    border-left:#e79221 solid 5px;    
}

a {
    display: block;
    margin: 3em 0;
    position: relative;
}