旋转文本Divs CSS3的对齐

Question

我有几个文本长度不同的div：

<div id="first" class="myClass">Short</div>
<div id="second" class="myClass">Much more here</div>
...

每个DIV的旋转90度，然后我希望它们垂直排队。每个DIV是一行文本，没有包装。我怀疑我需要使用转化原始的蛋白质，但是如何？定位是绝对的，需要相对于屏幕的右边缘设置。他们共享一个CSS课程。

更新：这是正确的转换：

-moz-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;

Answer 1

用position:relative;制作父容器，这将使您能够适当样式。

position:absolute;是一个棘手的badge，很难在中使用一个 div。

您是否可以添加一些HTML来进行此工作？

，是否有任何理由将position:absolute;添加到child元素？

您可以使用absolute的position parent element，然后制作一个可以使用float:right;处理的class。

等待响应 - 请提供CSS