css3 旋转字居中对齐

Question

我已经根据需要使用了完美的 codrops css3 旋转单词，但我无法使出现的单词居中对齐。我所需要的只是让句子居中对齐，因此旋转单词。

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

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

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

Answer 1

将容器设置为 position:relative 并将跨度设置为 100% 似乎可行。

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

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