Comment centrer verticalement une division dans une autre ?

Avec un code HTML comme suit :



<div class="parent">

<div class="enfant"></div>

</div>




Ecrire le CSS comme suit :



.parent {
display: flex;
flex-direction: column;
justify-content: center;
}



La division enfant sera centrée verticalement dans la division parent.