Template:Rotate

Summary

This is a basic template that returns the CSS style text required to rotate text. It is cross-browser compatible, but due to inconsistencies within the browsers themselves the text may display slightly differently. Note that due to the weirdness of rotated text, you may need to further format the text to get it to display how you want it to.

Parameters

Rotate

Parameter	Scope	Description
1	required	The degrees by which to rotate the text, on a scale of 1 to 360.
2	optional	The text to rotate. If not defined, the template will return the CSS style text only.
3 or float	optional	What side of the page the text should float to. Defaults to left.

Examples

Stand-alone

{{Rotate|180|This is upside down!}}

This is upside down!

{{Rotate|80|This is the right side!|right}}

This is the right side!

Within a Container

<div style="{{Rotate|45|float=left}}; font-size:8px;">I'm tiny!</div>

I'm tiny!

{| class=wikitable
! Header !! {{Rotate|180|Header}}
|-
|style="{{Rotate|325}}"|This entire cell<br>is rotated! || But not this one!
|}

Header	Header
This entire cell is rotated!	But not this one!