Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Rotate TEXT vertically in Email

I m in a situation where i need to set some text in vertical order in email body, like this

enter image description here

using following css i can set text vertically in HTML but not able to set same in GMAIL Email body.

Code from my Gmail Body:

<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>
like image 629
Anil D Avatar asked Mar 28 '13 12:03

Anil D


1 Answers

You can only use inline CSS with Gmail. try style="" on your elements

Edit: And of course you can not use all CSS attributes in Gmail. Here is a list that might be useful.

like image 133
Mostafa Shahverdy Avatar answered Oct 13 '22 09:10

Mostafa Shahverdy