JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tooltip a"> 
    <span class="tip"> 
         De tekst die in dit geval heeel lang is, in ieder geval meer dan 250px, hoop ik 
    </span> 
</div>


<div class="tooltip b"> 
    <span class="tip"> 
         a
    </span> 
</div>

CSS

body {
    background: url('http://riii.nl/u5st7') -1px 0;
}
.tooltip { 
    margin:50px;
    position:absolute;
    background-color: yellow; 
    max-width: 250px; 
} 

.tip {
    display: block;
    min-width: 50px;
}

.a {
    top:100px;
}

.b {
    top:200px;
}