Kann Text nicht mit Bild ausgerichtet werden?

Question

Problem: Ich möchte den Text mit dem Bild ausrichten. Das heißt, ich würde gerne in der Mitte schreiben.

<div style="margin-top:0px"> 
 
    <p style="margin-top:2px"> 
 
     <img src="images/pdf-icon-24.png" alt="Dermatology_Referral_Guidelines" class="float-left" /> 
 
     <a href="Downloads/PhyDownloads/Dermatology_Referral_Guidelines.pdf" target="_blank">Dermatology Referral Guidelines</a> 
 
    </p> 
 
</div>

Answer 1

Verwenden vertical-align: middle; auf dem <img>.

** Beachten Sie, dass dies nur für eine einzelne Textzeile funktioniert.

img { 
 
    vertical-align: middle; 
 
}

<p> 
 
    <img src="http://placehold.it/200x40/fc0"> 
 
    Some text here. 
 
</p> 
 

 
<p> 
 
    <img src="http://placehold.it/200x40/fc0"> 
 
    Topsail broadside handsomely draught interloper aye killick prow lugsail execution dock. Man-of-war spike Sea Legs clap of thunder tender belay ho parley grapple heave to. 
 
</p>

Hinweis: Ich habe die Vermutung, dass der Text in derselben Zeile/Zeile wie das Bild sein soll und darunter nicht. Bedeutung, ausgerichtet auf die Mitte der y-Achse des Bildes und nicht die x-Achse des Bildes.