JSFiddle - React, Tailwind, and code Playground

by wisegorilla

HTML

<label for="male" id="foo" title="Hello This Will Have Some Value">Hello...</label>

CSS

label[data-title]{
  position: relative;
  &:hover:after{
    font-size: 1rem;
    font-weight: normal;
    display: block;
    position: absolute;
    left: -8em;
    bottom: 2em;
    content:  attr(data-title);
    background-color: white;
    width: 20em;
    text-aling: center;
  }
}