css - 親エッジを使用した疑似要素の整列

Question

私がやりたいのは、このフィドルhttp://jsfiddle.net/RqQyh/で、親要素の右端に擬似要素の後を並べることです。設定right: auto;すると、コンテンツの右端に揃えられます。マージンを使用すると、テキストが異なる複数のヘッダーがある場合、after 要素がすべてずれてしまうため、マージンを使用できません。

親要素の右端に後要素を並べてくれる人はいますか?

Answer 1

::after疑似要素を含む div の右側の境界エッジに合わせようとしているだけの場合は<div class="stepHeader">、疑似要素がコンテナーに対して相対的になるように相対位置を指定できます。

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