JSFiddle - React, Tailwind, and code Playground

by tonyleeper

HTML

<div class="box" title="I am a box!">
    <title>I am a box title!</title>
</div>

CSS

.box {
    width: 100px;
    height: 100px;
    background-color: blue;
}

title {
    position: absolute;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    display: none;
}

.box:hover title {
    display: block;
}

JavaScript

var box = document.getElementsByClassName('box');