JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
  <div class="cell">
   <div class="info">INFO</div>
  </div>
</div>

CSS

.table{
  position:absolute;
  top:100px;
  left:100px;
}

.cell{
  border:1px solid red;
  height:60px;
	width:135px;
}

.info{
  display:none;
}

.cell:hover .info{
  position:absolute;
  top:0px; 
  left:0px; 
  display:block;
  background: hsla(0,0%,0%,.5);
  color: hsla(0,0%,100%,1);
  padding: 3px 5px;
	height:30px;
	width:100px;
}