CSS旋转从页面侧面移动DIV

我正在尝试创建一个side标签，如这里的基本表单所示

我正试图尽可能多地使用CSS，而不是仅仅放在一个图像中，然而我遇到了一个问题

旋转侧面DIV时，它会从页面的侧面移动。我尝试过将边距设置为0，但似乎不起作用

如果有用的话，这里是侧标签的CSS规则

color:#FFF；
高度：50px；
宽度：200px；
位置：固定；
背景色：rgb（0102204）；
字体大小：32px；
线高：50px；
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
文本对齐：居中；
最高：50%；
-webkit变换：旋转（90度）；
-moz变换：旋转（90度）；
-o变换：旋转（90度）；
写入方式：tb-rl；

---

如果有人能帮忙，那太好了。干杯。

看一看。由于元素是固定的，您可能需要相应地修改变换原点。

使用

变换原点

：

-moz变换原点：20px；
-ms变换原点：20px；
-o-变换-原点：20px；
-webkit转换原点：20px；
变换原点：20px；

您可以使用

转换源代码

：

变换：旋转（45度）；
转化来源：20%40%；
-ms变换：旋转（45度）；/*IE 9*/
-ms变换原点：20%40%；/*IE 9*/
-webkit变换：旋转（45度）；/*狩猎与铬*/
-webkit转换来源：20%40%；/*狩猎与铬*/
-莫兹变换：旋转（45度）；/*火狐*/
-moz变换原点：20%40%；/*火狐*/
-o变换：旋转（45度）；/*歌剧院*/
-o-变换原点：20%40%；/*歌剧院*/