JSFiddle - React, Tailwind, and code Playground

HTML

<span data-title="Infobulle">Suvolez-moi, je contiens une infobulle</span>

CSS

body {padding: 50px;}

span {
    position: relative;
}

span:before {
    content: attr(data-title);
    white-space: nowrap;
    position: absolute;
    display: none;
    bottom: 100%;
    left: 0;
    background: #ff0;
}

span:hover:before {
    display: block;
}