JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:200px;height:200px;border:1px solid black;vertical-align:middle;line-height:200px;text-align:center">
    <span style="text-align:center;background-color:gray;display:inline-block;line-height:1.2;">Texte</span>
</div>


<div style="width:200px;height:200px;border:1px solid black;vertical-align:middle;line-height:200px;text-align:center">
    <div style="text-align:center;background-color:gray;display:inline-block;line-height:1.2;">Texte vachtement plus long<br/>Texte vachtement plus long<br/>Texte vachtement plus long</div>
</div>


<div style="width:200px;height:200px;border:1px solid black;vertical-align:middle;line-height:200px;text-align:center">
    
    <div style="text-align:center;background-color:gray;display:inline-block;line-height:1.2;">Texte vachtement </div>
    <div style="position:absolute;top:0px;line-height:1.2;">absolute</div>
</div>