내용이 표 행에서 세로 가운데 정렬되지 않습니다.

Question

<tr> 요소 내에 HTML 전자 메일 템플릿 용으로 다음 코드가 있지만 내용이 세로로 가운데 정렬되지 않습니다. 무엇이 잘못 되었습니까?

<td data-color="text" data-size="size navigation" data-min="10" data-max="22" data-link-style="text-decoration:none; color:#888;" class="nav" align="center" style="font:12px/16px 'Open Sans', Arial, Helvetica, sans-serif;color:#797c82;padding:0 0 0px;text-align:center;vertical-align:middle"> 
    Follow us on: 
    <a target="_blank" style="text-decoration:none; color:#222; text-transform:uppercase; font-weight:500; letter-spacing:0.02em;" href="#"><img src="https://gallery.mailchimp.com/0a299e4be1a957c04c669703f/images/8c3bae94-bf27-4fc5-b932-9bc1d0b4c424.png" border="0" vspace="0" hspace="0" width="40" height="40" alt="crisalix.com"></a> &nbs 
    <a target="_blank" style="text-decoration:none; color:#222; text-transform:uppercase;font-weight:500; letter-spacing:0.02em;" href="#"><img src="https://gallery.mailchimp.com/0a299e4be1a957c04c669703f/images/c658470a-038f-4e90-8bc0-baae91b6ae41.png" border="0" vspace="0" hspace="0" width="40" height="40" alt="crisalix.com"></a> 
</td> 

Answer 1

이미지 자체에 vertical-align:middle을 추가하십시오.  에는 p;이 누락되었지만 오타라고 추측합니다.

<table> 
 
    <tr> 
 
    <td data-color="text" data-size="size navigation" data-min="10" data-max="22" data-link-style="text-decoration:none; color:#888;" class="nav" align="center" style="font:12px 'Open Sans', Arial, Helvetica, sans-serif;color:#797c82;padding:0 0 0px;text-align:center;"> 
 
Follow us on: 
 

 
    <a target="_blank" style="text-decoration:none; color:#222; text-transform:uppercase; font-weight:500; letter-spacing:0.02em;" href="#"><img src="https://gallery.mailchimp.com/0a299e4be1a957c04c669703f/images/8c3bae94-bf27-4fc5-b932-9bc1d0b4c424.png" border="0" vspace="0" hspace="0" width="40" height="40" alt="crisalix.com" style="vertical-align:middle;"></a> &nbsp; 
 
    <a target="_blank" style="text-decoration:none; color:#222; text-transform:uppercase;font-weight:500; letter-spacing:0.02em;" href="#"><img src="https://gallery.mailchimp.com/0a299e4be1a957c04c669703f/images/c658470a-038f-4e90-8bc0-baae91b6ae41.png" border="0" vspace="0" hspace="0" width="40" height="40" alt="crisalix.com" style="vertical-align:middle;"></a> 
 
    </td> 
 
    </tr> 
 
</table>