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>