JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hoverMe">
<a href="">some text</a> 
    <div class="hoverYou">
        <p><b>bold</b> text.</p>
        <p>another text</p>
    </div> 
</div>

CSS

.hoverYou  { 
    display: none;
    border: 1px solid #c0c0c0;
    padding: 5px;
    margin: 0 0 0 10px;
}
.hoverMe:hover .hoverYou  {
    display: block;
}