JSFiddle - React, Tailwind, and code Playground

by Harsh Bhatnagar

HTML

<a href="http://www.google.com/" title="Hello world!">
  Hover over me
</a>

CSS

a {
  position: relative;
  display: inline-block;
  margin-top: 20px;
}
a[title]:hover:after {
  content: attr(title);
  position: absolute;
  top: -100%;
  left: 0;
  background:#000;
  padding:3px;
  border-radius:3px;
  color:red
}