JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hover_me">hover me</div>
<div class="show_me">show me</div>

CSS

.hover_me {
    cursor:pointer;
    -webkit-transition: .4s;
    transition: .4s;
    display:block;
    height:30px;
    background:red;
    width:70px;
    line-height:30px;
    text-align:center;
}
.show_me {
    display:none;
    height:30px;
    background:red;
    width:70px;
    top:0;
    
    position:absolute;
}

.hover_me:hover + .show_me {
    display:block;
}