JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bloc-hauteur-variable">
    <div class="bloc-wrapper">
        <div class="bloc-a-centrer">
            Mon texte sur une deux, plusieurs lignes, une image, un tableau, que sais-je.
        </div>
    </div>
</div>

CSS

.bloc-hauteur-variable {
    position: relative;
    height: 332px;
    outline: 1px solid #ccc;
}

.bloc-wrapper {
    position: absolute;
    top: 50%;
    height: 200px;
    margin-top: -100px;
    line-height: 200px;
}

.bloc-a-centrer {
    line-height:1.2;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}