The goal here is to develop a simple CSS mechanism to rotate an element yet keep it's content aligned correctly...
This solution is not wothout restriction but the apporeach works.

0°:
90°:
180°:
270°:
Flipped horizontally:
Flipped vertically: