小编Azd*_*mus的帖子

我正在尝试将两个文本行对齐到图像的中心旁边.我试过"vertical-align: middle;"但它不会将我的文本分成两行: 这就是我想要实现的目标.

我的代码包括:

<p class="address">          
    <img class="logo" src="source" alt="">
    <span class="location">Line 1 of text</span>
    <span class="location_2"> Line 2 of text</span>
</p>

使用CSS代码:

p.address{font-family: Helvetica; font-size: 13px; color: #000000; margin-left: 0px;vertical-align:center;}
span.location{display: inline; }
span.location_2{display: block; }

我也试过这个解决方案:http://jsfiddle.net/hiral/bhu4p04r/7/ - 但它显示图像下的文字.

图像是34x58px,我正在尝试为Outlook html签名实现此目的.

我将尝试使用一个<div>容器,放入<img>其中,然后<p>,如果它可以工作,不知道.

答案由LGSon给出的阳性结果进行了少量修改,例如:

    <table style="margin-bottom:5px; font-family: Helvetica; font-size: 13px; color: #000000;">
  <tr>
    <td>
      <img style="max-height:52px" src="img_source_here" alt="">
    </td>
    <td valign="middle" style="font-size:14px; margin-left: 10px;">
      Text 1<br>Text 2 …