Rotate

Use the <rotate> tag to rotate each character about its center. Specify the amount of rotation in degrees. Positive values rotate characters counter-clockwise. Negative values rotate them clockwise.

Rotation affects the spacing between characters, and may cause characters to overlap in some cases. Use the <cspace> tag to correct character spacing as needed.

Example:

Rotate text <rotate="-10">counter-clockwise</rotate> or <rotate="10">clockwise</rotate>

Text rotated counter-clockwise (left) and clockwise (right)

Rotate text <rotate="45">counter-clockwise</rotate>

More rotation makes it more likely that characters overlap

Rotate text <cspace="15"><rotate="45">counter-clockwise</rotate></cspace>

The <cspace> tag adjusts character spacing, and can help correct overlap caused by rotation