无法将文字与图片对齐？

Question

问题：我想将文字与图片对齐。意思是，我想发短信在中间。

<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

在vertical-align: middle;上使用<img>。

**请注意，这仅适用于单行文字。

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>

注意：我假设文本应该与图像在同一行/行上，而不是在图像下面。含义，对齐到图像的 y轴的中间，而不是图像的 x轴。