Template:Transform-rotate/testcases

This is the template test cases page for the sandbox of Template:Transform-rotate. Purge this page to update the examples.
If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page.
You can also use Special:ExpandTemplates to examine the results of template uses.
You can test how this page looks in the different skins and parsers with these links:

__EXPECTUNUSEDTEMPLATE__

Live template

Syntax	Result
Some rotated characters:
<syntaxhighlight lang="html">5 5 5 5</syntaxhighlight>	5 5 5 5
*Some rotated special characters (useful when the font-family has no italic or oblique font):*
<syntaxhighlight lang="html">∫ ∫ ∫ ∫</syntaxhighlight>	∫ ∫ ∫ ∫
Works with numbers, too
<syntaxhighlight lang="html">0 1 2 3 4 5 6 7 8 9</syntaxhighlight>	0 1 2 3 4 5 6 7 8 9
Or with arbitrary text
<syntaxhighlight lang="html">This text is vertically aligned. This text is upside down.</syntaxhighlight>	This text is vertically aligned. This text is upside down.
This is a placeholder image, It is rotated 90 degrees clockwise.
<syntaxhighlight lang="html"> </syntaxhighlight>
This is a red horizontal line drawn across the text at the angle of 30 degree anticlockwise.
<syntaxhighlight lang="html"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</syntaxhighlight>	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Serious bug:

Syntax	Result
<syntaxhighlight lang="html">The text will be rotated, but not the space the text need to display. So the cell is not tall enough, but much much too wide.</syntaxhighlight>	The text will be rotated, but not the space the text need to display. So the cell is not tall enough, but much much too wide.

Syntax	Result
Some rotated characters:
<syntaxhighlight lang="html">5 5 5 5</syntaxhighlight>	5 5 5 5
*Some rotated special characters (useful when the font-family has no italic or oblique font):*
<syntaxhighlight lang="html">∫ ∫ ∫ ∫</syntaxhighlight>	∫ ∫ ∫ ∫
Works with numbers, too
<syntaxhighlight lang="html">0 1 2 3 4 5 6 7 8 9</syntaxhighlight>	0 1 2 3 4 5 6 7 8 9
Or with arbitrary text
<syntaxhighlight lang="html">This text is vertically aligned. This text is upside down.</syntaxhighlight>	This text is vertically aligned. This text is upside down.
This is a placeholder image, It is rotated 90 degrees clockwise.
<syntaxhighlight lang="html"> </syntaxhighlight>
This is a red horizontal line drawn across the text at the angle of 30 degree anticlockwise.
<syntaxhighlight lang="html"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</syntaxhighlight>	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Serious bug:

Syntax	Result
<syntaxhighlight lang="html">The text will be rotated, but not the space the text need to display. So the cell is not tall enough, but much much too wide.</syntaxhighlight>	The text will be rotated, but not the space the text need to display. So the cell is not tall enough, but much much too wide.