JSFiddle - React, Tailwind, and code Playground
HTML
<div class="wrapper">
<div class="zi-icon zone-info">icone</div>
<div class="zi-text zone-info">Pour chaque indicateur du PS, la rentabilité est calculé en nombre de points rapporté pour chaque patient (ou boite) rajouté au numérateur de l’indicateur.<br>
# L’écart indique le nombre de patients (ou boites) manquant pour atteindre la cible de l’indicateur.<br>
# L’enjeu en points indique le nombre de points manquant pour atteindre le maximum de points pour l’indicateur.</br>
# La rentabilité calculée est donc le ratio : Enjeu / Ecart. </div>
</div>
CSS
.wrapper { display: table }
.zone-info {
background-color: #e0f1f5;
display: table-cell;
line-height: 1.363em;
vertical-align: middle;
}
.zi-icon {
text-align: center;
width: 10%;
}
.zi-text {
}