css3旋转字对齐中心

Question

我根据自己的需要使用了完美的共同css3旋转词，但我不能让出现的词语在中心对齐。我需要的只是让句子在中心对齐，所以旋转的单词。

但是因为它的位置是绝对的，并且向左浮动，所以这个词从左边50％的位置开始。

任何人都可以帮忙吗？我尝试了很多实验，但似乎没有任何效果。

这是一个jsfiddle：http://jsfiddle.net/nzAPr/

Answer 1

将容器设置为position：relative，并将span设置为100％似乎有效。

.rw-words{
display: block;
position: relative;
}
.rw-words-1 span{
position: absolute;
width: 100%;
...
}

http://jsfiddle.net/willemvb/9Xubs/

Answer 2

尝试删除缩进：

.rw-words{
    display: block;
    text-indent: 10px;
}

Answer 3

我不确定您是否仍在为此寻找解决方案。 动画只能设置一个中心起点，这就是为什么你的单词会向右显示shiftet。 你可以解决这个问题，如果你给每个孩子一个负余量并手动将其分开。 这就是我在玩代码时得到的结果：http://jsfiddle.net/9Xubs/109/ margin-left: -35px;