Text can be rotated and transformed via the transform CSS property, which makes moving, rotating and scaling document content possible.


Note:
2D Transforms do not have an impact on the document layout, e.g. content with scaled up size will not push other content away to prevent overlapping.


Example:
An element with the label class is rotated by -90 degrees and moved to the left side.

.label {
    transform-origin: 0px;
    transform: rotate(-90deg) translateY(-100%);
}