JSFiddle - React, Tailwind, and code Playground

HTML

<div class="any_class" hint="any hint">Какой то текст</div>

CSS

*[hint] {
    position: relative;
}
*[hint]:hover:after {
  content: attr(hint);
  position: absolute;
  left: 4px;
  bottom: -20px;
  min-width: 100px;
  max-width: 200px;
  z-index: 100;
  background-color: #ff0;
  line-height: 16px;
  color: #006;
  padding: 4px;
}