Non mais attends… Tu ne vas pas utiliser des br pour me centrer ton texte ni vu ni connu non ? ça va mal finir tout ça tu sais ? Heureusement c’est Noël et j’ai un cadeau pour toi.

J’aime la buche au café

Comment centrer le texte verticalement ?

Bon, le html simplissime :


       <div class="centervertical"><h4>J'aime les fraises et le chocolat</h4></div>

Et le css magique, magie de Noël !


.centervertical {
       min-height: 120px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       background: #03c9a9;
}