JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://kushagragour.in/lab/hint/hint.min.css">
<div class="vertical-space"></div>
<a class="hint--top" data-hint="Hint on A element">Something</a>
<input class="hint--top" type="text" data-hint="Hint on input element" />
    
<p class="hint--top" data-hint="Hint on input element">
    <input type="text" />
</p>

CSS

.vertical-space {
  margin-bottom: 5em;
}