부모 모서리로 의사 요소 줄 바꾸기

Question

내가하고 싶은 일은 부모 요소의 오른쪽 모서리가있는이 바이올린 http://jsfiddle.net/RqQyh/의 after 의사 요소를 일렬로 나열하는 것입니다. right: auto;을 설정하면 내용의 오른쪽 가장자리와 정렬됩니다. 나는 마진을 사용할 수 없다. 그렇다면 텍스트가 다른 여러 헤더가있을 때 after 요소가 모두 정렬을 벗어나기 때문이다.

누구든지 나를 도와 줄 수 있고 부모 요소의 오른쪽 가장자리에있는 after 요소를 정렬 할 수 있습니까?

Answer 1

방금 ​​포함 사업부의 오른쪽 테두리 가장자리에 ::after 의사 요소를 정렬하려는 경우, 당신은 <div class="stepHeader">에게 의사 요소들이 컨테이너를 기준으로되도록 상대 위치를 제공 할 수 있습니다 :

을

http://jsfiddle.net/RqQyh/2/