css3 회전 단어 가운데 맞추기

Question

내 필요에 따라 완벽한 코닥 자르기 css3 단어를 사용했지만 나타나는 단어를 가운데에 맞출 수 없습니다. 내가 필요로하는 것은 문장을 중심에서 정렬시키고 회전하는 단어를 만드는 것입니다.

하지만 절대 위치이고 왼쪽으로 떠 있기 때문에 단어는 왼쪽 50 % 위치에서 시작됩니다.

아무도 도와 드릴 수 있습니까? 나는 많은 실험을 시도했지만 아무것도 작동하지 않는 것 같습니다. 여기

는 jsfiddle입니다 : http://jsfiddle.net/nzAPr/

Answer 1

위치에 컨테이너 설정 : 상대와 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

나는 확실하지 않다. 애니메이션은 중심 시작점 만 설정할 수 있으므로 단어가 오른쪽으로 시프트되는 것을 볼 수 있습니다. 모든 어린이에게 음수 여백을주고 수동으로 간격을두면이를 수정할 수 있습니다. 코드를 가지고 놀았을 때 얻은 것입니다. http://jsfiddle.net/9Xubs/109/margin-left: -35px;