Блог

Я пытаюсь создать отправитель электронной почты с функциями таблицы, однако 3 строки расположены неправильно, и я не уверен, что мне следует поместить в <mso> код, чтобы устранить проблему — 2-я строка смещена от центра и сбивает с толку при просмотре в Outlook.

Скриншот и код прилагаются для визуализации проблемы.

 <tr>
    <td align="center" style="padding:9px 0px 0px 0px">
        <table align="center" border="0" cellpadding="0" cellspacing="0" width="115">
            <tbody>
                <tr>
                    <td align="center">
                        <div><!--[if mso]>
                            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:50px;v-text-anchor:middle;width:115px;" stroke="f" fillcolor="#bed2eb">                                                                          <w:anchorlock/>                                                                         <center>                                                                            <![endif]--><strong><a href="#" style="background-color:#bed2eb;color:#ffffff;display:inline-block;font-family: Helvetica, Arial, sans-serif;font-size:10px;font-weight:bold; letter-spacing:0.50px; text-transform:uppercase; line-height:31px;text-align:center;text-decoration:none;width:115px;-webkit-text-size-adjust:auto;" target="_blank"><span style="color:#00539B;"><span style="font-size:10px;"></span></span><span style="color:#00539B;"><span style="font-size:10px;">Supports 720p/1080p HDMI input amp;amp; output</span></span><span style="color:#00539B;"><span style="font-size:10px;"></span></span> </a></strong> <!--[if mso]>
                            </center>           </v:rect>                                                                           
                        <![endif]--></div>
                    </td>
                </tr>
            </tbody>
        </table>
    </td>
</tr>