JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.tooltip { 
    float: left;
    background-color: yellow; 
    max-width: 250px; 
} 

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

hr {
    clear:both;
}