テーブルの分割画像とテキストの垂直方向の整列

Question

画像とテキストを同じ縦方向の整列（情報番号とメール）で表示しようとしていますが、動作しません。

私はtdで22pxとvertical-alignのline-heightを試みたが、動作していないと 私は今無知感じています！ middleまたはbottomのいずれかにあなたのイメージのvertical-alignプロパティを設定し

<table width="500"> 
    <tbody> 
    <tr> 
     <td style="font-family: Helvetica, arial, sans-serif; font-size: 11px;color: #4C4D4D;line-height:22px;vertical-align:middle;"><p><a href="#" target="_blank" style="margin-right:5px;"><img src="img/Phone-Ico.png" width="22" height="22" alt=""></a>+57 (1) 7026202</p></td> 
     <td style="font-family: Helvetica, arial, sans-serif; font-size: 11px;color: #4C4D4D;line-height:22px;vertical-align:middle;"><p><a href="#" target="_blank" style="margin-right:5px; margin-left: 5px;"><img src="img/Whatsapp-Ico.png" width="22" height="22" alt=""></a>+57 (1) 7026202</p></td> 
     <td style="font-family: Helvetica, arial, sans-serif; font-size: 11px;color: #4C4D4D;line-height:22px;vertical-align:middle;"><p><a href="#" target="_blank" style="margin-right:5px; margin-left: 5px;"><img src="img/Mail-Ico.png" width="22" height="22" alt=""></a>banano@adsmovil.com</p></td> 
     <td style="font-family: Helvetica, arial, sans-serif; font-size: 11px;color: #4C4D4D;line-height:22px;vertical-align:middle;"><p><a href="#" target="_blank" style="margin-right:5px; margin-left: 5px;"><img src="img/Skype-Ico.png" width="22" height="22" alt=""></a>banano2000</p></td> 
    </tr> 
    <tr> 
     <td> 
     <p style="font-family: Helvetica, arial, sans-serif; font-size: 11px;color: #4C4D4D;"> Bogotá, Colombia </p></td></tr> 
    </tbody> 
</table> 

Here's how it looks right now.

Answer 1

。例えば

：

a img { 
    vertical-align: middle; 
}