I’ve had an issue where I have a 2 cell table. In the left is an icon on the right is copy, both should align to the top however the text is centre align in its cell, not top aligned with the icon in Gmail.
Gmail seems to add its own padding and margin around the <p> tag of the text block. Remove the padding and margin via inline styling on this element and this should resolve the apparent issue with vertical alignment
<td width=”55″ align=”left” valign=”top”>
<img src=”images/ico_cal.jpg” width=”55″ height=”25″ alt=”” style=”display: block;”></td>
<td align=”left” valign=”top”><p style=”font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; padding:0; margin:0;”><strong>When:</strong></span><br>
31 October 2013<br>
6:00pm until 10:00pm</p></td>