旋转文本的对齐div css3

Question

我有一些不同文本长度的div：

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

每个div旋转90度，然后我希望它们垂直排列。每个div都是一行文本，没有包装。我怀疑我需要使用transform-origin但是怎么样？定位是绝对的，需要相对于屏幕的右边缘进行设置。他们共享一个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;是一个棘手的獾，很难在 ONE div中使用。

您是否可以添加一些HTML来使其发挥作用？

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

您可position parent element absolute class，并float:right;使用CSS处理{{1}}。

等待回复 - 请提供{{1}}