CSSのパディングは、Outlook 2010

Question

に私のコードは動作しません。このようなものです：

<table> 
     <tr> 
      <td> 
       This is just a paragraph. 
      </td> 
      <td> 
       <a href="#" style="display: block; padding: 5px 20px; background-color: red">Remove</a> 
      </td> 
     </tr> 
    </table> 

私はパディングを持っているし、ボタンのように表示され、電子メールで送信するためのリンク要素をしたいです。 ブラウザでは見た目はよく見えますが、Outlookのデスクトップでは、パディングは機能しません！

Answer 1

一部のOutlookは、インライン要素の埋め込みでは機能しません。したがって、以下のように 'td'にパディングを追加する必要があります。

<table> 
    <tr> 
     <td> 
      This is just a paragraph. 
     </td> 
     <td style="padding-top: 5px; padding-bottom:5px; padding-left:20px; padding-right:20px;" bgcolor="red"> 
      <a href="#" style="display: block; ">Remove</a> 
     </td> 
    </tr> 
</table>