Comment centrer verticalement un div avec du texte et une image sans flexbox ?

[roseblack]

Bonjour à tous,
Je travaille sur une page où je dois aligner verticalement un div contenant à la fois du texte et une image. Je préfère ne pas utiliser flexbox pour cette mise en page. J’ai essayé avec line-height et vertical-align,Retro Bowl mais ça ne fonctionne pas comme je le souhaite.
Quelqu’un pourrait m’expliquer une méthode simple pour centrer verticalement ce contenu en CSS classique ?

[samuel_dorian29]

Utilise display: table sur le parent et display: table-cell; vertical-align: middle sur le div enfant pour centrer verticalement.

[AlainPre]

Pourquoi ne veut tu pas utiliser de flex-box ?
Quelque chose comme ça :

Code : Tout sélectionner

<div class="flex">
   <div>texte et image</div>
</div>

Avec les styles suivants :

flex {
display:flex;
align-content:center;
}

C'est ce qu'il y a de plus simple je trouve.
Plus d'infos sur les flex: