vertical aligner la propriété CSS

Question

Cela peut sembler un problème assez simple, mais il a réussi à me bloquer jusqu'à présent. La propriété d'alignement vertical fonctionne correctement pour moi. Toutefois, lorsque j'ajoute une balise
après le texte que je veux parcourir au centre de l'image, tout texte figurant après la balise
s'affiche directement sous l'image.

Exemple:

<img src="test.png" width="50" height="50" alt="test" style="vertical-align:middle;"/>  This text is fine. <br />This text is not. 

Answer 1

Essayez ceci:

<img src="test.png" width="50" height="50" alt="test" style="vertical-align:middle;"/>   

<div style='display:inline-block; vertical-align:top;'> 
    <span style='display:inline-block;vertical-align:middle;'>This text is fine. <br />This text is not. 
</div> 

Answer 2

Votre exemple contient la balise <br />, qui par définition signifie un saut de ligne.

Answer 3

Voici la meilleure façon d'aligner le centre presque tout en CSS.

.centrado-vertical{ 
    position: relative; 
    top: 50%; 
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    transform: translateY(-50%); 
}