Rotated Text

[GoogleCodeExporter]

What steps will reproduce the problem?
I want the text to be rotated by 90 degree. For that I have followed these steps
1. I created a css class with rotate property
.rotate{

-webkit-transform: rotate(-90deg);

-moz-transform: rotate(-90deg);}
2. Include the css style sheet to the pdf generation page.
3. In the HTML part I given like the <div class="rotate">ABC</div>
But there is no change after these steps.

What is the expected output? What do you see instead?
expected output : Rotated text
I saw instead: normal text

what operating system?
linux

Can you please help me to solve this issue.

Thanks.

Original issue reported on code.google.com by s...@qburst.com on 11 Nov 2011 at 10:24

[GoogleCodeExporter]

Hi, did you find a solution ? I have the same need.

Original comment by loic.ale...@gmail.com on 27 Mar 2013 at 6:18

[GoogleCodeExporter]

flaying saucer supported only css2.1 which Ok can't use to rotate text ... the 
style from you example is a css3 style

Original comment by bobe...@web.de on 17 Jan 2015 at 12:10

[GoogleCodeExporter]

Hi All,

Has anyone found the solution to rotate text vertically using flying saucer?
Please advice..

Thanks,
Sunil

Original comment by theorems...@gmail.com on 3 Apr 2015 at 6:16