"점 도트"애니메이션이있는 가운데 맞춤 변수 너비

Question

http://pastebin.com/index/9M2rA8cx 내 코드가 모두 있습니다.

두 개의 div가 large.css에 가운데에 표시됩니다. 그러나 그 텍스트는 각각의 '.'이후에 중심에 놓여있다. 은 적용되다. span id = "wait"를 중심 div 외부에 놓으면 왼쪽 위 모서리에 표시됩니다. 정확한 센터링이 필요 없지만 텍스트가 바뀌기 때문에 센터링에 절대 위치를 사용할 수 없습니다.

"..."을 다시 센터링하지 않고 이미 가운데 맞춤 텍스트에 추가 할 수있는 방법이 있습니까?

감사합니다.

span.wait{ 
    display: inline-block; 
    width: 20px; 
} 

Answer 1

당신은 그와 같이, wait 범위에 고정 너비 스타일을 적용 할 수 없습니다.