JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tooltip-wrapper" style="position: relative;">
    <a href="https://twitter.com/jcubic" title="" rel="Twitter">
        <img src="http://images.jcubic.pl/jcubic/profile-twitter.png" />
    </a>
    <div class="tooltip" style="top: -34px; left: -18px; display: block; opacity: 0.9648882429441257;">
        <div class="box">Twittefffffffffffffffr</div>
    </div>
</div>

CSS

.tooltip {
    display: none;
    position: absolute;
    z-index: 100;
}
.tooltip-wrapper .box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #b72100;
    padding: 5px 10px;
    display: inline-block;
    text-align: center;
    position: relative;
}