变换：旋转（45度）到DIV里面一起在opera中不起作用

Question

我想使用css transform：rotate（45deg）来旋转Div 45deg，但它会影响所有内部元素。我一起使用2 Div，外部div旋转45度，DIv内旋转-45deg，因此内部Div中的文本不旋转，但它在opera中无法正常工作且其文本反转。它适用于IE，Firefox和谷歌铬真的。 我的第二个问题：当我想在内部DIV标签内输入时，我应该根据文本的大小每次更改边距以使其与DIV标签的中心对齐。  我该怎么办？感谢

外部DIV的

css：

transform: rotate(45deg);
-ms-transform: rotate(45deg); /* Internet Explorer */
-moz-transform: rotate(45deg); /* Firefox */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-o-transform: rotate(45deg); /* Opera */

内部DIV的CSS：

-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(315deg);
transform: rotate(-45deg);
margin: 30px 115px 0 0;

在Opera浏览器中查看DIV及其文本轮换：

修改 它应该显示相同：