CSS를 사용하는 div의 오른쪽 정렬

Question

붙어있는 이미지는 내가 성취하려는 것입니다! http://codepen.io/anon/pen/leEdg

내가 경로에 애니메이션과가 어디에 머물러야되고있는 원 원인의 위치를 ​​변경할 수 없습니다 :

지금 여기 내 codePen의 예입니다. 내가 뭘하고 싶은지 .stepInfo를 올바르게 옮길 수 있어야합니다. 이제 작은 라인 볼 녀석 뒤의 텍스트는 역동적이어서 가변적 인 크기가 될 것입니다. 그래서 고정 너비가 정답이 아닐 수도 있습니다.

도움이 될만한 의견이 있습니다. 미리 감사드립니다 !!!

Answer 1

그래서 여기 내가 당신을 위해 잘 될 것이라고 생각합니다! 나는 텍스트를 오른쪽으로 띄웠다. 그러나 그것은 다른 것들에 단지 잠깐 문제이다. 귀하의 코드를 살펴 보니, 'px'대신 'pt'가 발견되었지만 일관되게 진행됩니다. 또 다른 한가지는 스텝 라벨의 패딩을 조정하면 위치 조정이 조정됩니다. 따라서 새롭게 수정 된 codpen에서 나는 당신을 위해 그것을했습니다 :) 어떤 질문이든 그냥 코멘트를 남겨두면 최대한 많은 것을 설명하도록 도울 수 있습니다.