JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://unpkg.com/balloon-css/balloon.min.css">

<p>
  <span aria-label="Whats up!" data-balloon-pos="up">Hover me!</span>
</p>

CSS

/* just creating some margin for the preview */
p {
  margin-top:5em;
  text-align:center;
}