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

时间:2013-03-28 12:19:03

标签: html html-email

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

enter image description here

使用以下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>

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:1)

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