在电子邮件中垂直旋转文本

Question

我需要在电子邮件正文中按垂直顺序设置一些文本，例如

使用以下css我可以在HTML中垂直设置文本但不能在GMAIL电子邮件正文中设置相同的文本。

我的Gmail正文代码：

<div style=" width:50px; float:left; position:relative;padding-top:80px;transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg);"> 
    <h1 id="Header" style="direction: rtl;font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #434242; white-space: nowrap; position:relative; height:auto; "> newsletter 1 </h1> 
</div>

Answer 1

您只能在Gmail中使用内联CSS。在您的元素上尝试style=""

编辑：当然，您无法在Gmail中使用所有CSS属性。这是一个可能有用的list。

Answer 2

gmail不支持正文中的样式标记。 你在身体部分使用过样式标签吗？