疑似要素 を使用して、その後に記号<a>を表示したい要素があります。>:after
要素の<a>コンテンツは動的であるため、幅が変化し、コンテンツ イベントが数行にまたがる場合があります (この<a>要素は<div>who の幅が固定されているため)。
>の水平位置を最も長い行の最後から開始したいと思います。つまり、そのright:0;ルールを与えると、要素の右端にある必要があります (現在、垂直位置は関係ありません)。

FF ではこのように動作しますが、Chrome と IE では、>が最も短い行の最後に表示されます。

ブラウザ間の違いの原因を理解したいのですが、さらに重要なことは、すべてのブラウザが FF のように動作すること、:afterつまり を最も長い行の最後に配置することです。それは可能ですか?
上記のコードをdabbletに入れました