JSFiddle - React, Tailwind, and code Playground

by Sir_Pepe

HTML

<span data-tooltip="JavaScript ist was für Leute ohne CSS-Skills!">Hover mir!</span>

CSS

span[data-tooltip] {
    position: relative;
    cursor: help;
}
span[data-tooltip]:hover:after {
    content: attr(data-tooltip);
    position: absolute;
    z-index: 1337;
    top: 50%;
    left: 50%;
    display: block;
    border: 1px solid black;
    background: white;
    width: 200px;
    padding: 8px;
    box-shadow: 4px 4px 8px #999;
}