JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a"> Блок 
<div class="b"> Появляющийся текст </div>
 </div>

<div class="a"> Блок 2
<div class="b"> Появляющийся текст </div>
 </div>

<div class="a"> Блок 3
<div class="b"> Появляющийся текст </div>
 </div>

CSS

.a{
    width: 100px;
    height:50px;
    background-color: red;

}
.b{
   margin-left: 100px;
    width: 150px;
    height:50px;
    background-color: blue;
    display: none;
}
.a:hover   .b {
		display: block
	}