如何使用在Outlook中工作的填充框？

Question

我发现自己正在设计电子邮件HTML和CSS,我正在尝试制作一个带有彩色背景的按钮,并在Outlook 2007/2010/2013中使用文本(垂直和水平居中)周围的一些填充

<span style="background: orange;
      padding: 5px 10px;">Foo bar</span>

如何在Outlook中实现？

我怀疑答案涉及一个包含20世纪90年代一些弃用的HTML属性的表.

Answer 1

我看到的一个很好的方法是添加这样的边框(产生填充感觉):

<a id="button-a-tag" style="font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #256F9C; border-top: 15px solid #256F9C; border-bottom: 15px solid #256F9C; border-left: 25px solid #256F9C; border-right: 25px solid #256F9C; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;">my button</a>

http://codepen.io/anon/pen/adVeQO - codepen在浏览器上的外观

这是它在外观上的表现 -