JSFiddle - React, Tailwind, and code Playground
HTML
<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>
CSS
.zone-info {
background-color: #e0f1f5;
line-height: 1.363em;
margin-bottom: 3px;
padding: 5px 0;
}
.zi-icon {
display: inline-block;
float: left;
text-align: center;
vertical-align: center;
height: 100%;
width: 10%;
}
.zi-text {
width: 90%;
display: inline-block;
float: left;
}