css - テキスト フォントとアイコン フォントの距離を同じにする

Question

Css アイコン フォントの折りたたみタブがあります。タイトルとアイコン フォントの矢印の間の距離を同じに保ちたいと思います。

例はこちら

http://jsfiddle.net/2D3V5/2/

左側のテキストが同じ長さの場合、アイコン フォントの矢印は同じ距離を保って問題ありませんが、明らかにテキストが異なるため、これは私のタブでは発生しません。その方法を見つける必要があります。テキストの長さとは関係なく、矢印アイコンをテキストから同じ距離に保ちます。

説明が明確であることを願っています。

ありがとう

Answer 1

画像を右に浮かせることができます。これは、等距離を管理する簡単な方法です。さらに、分割の残りの画像が反転されます。彼らのクラスを変更してください。

編集されたフィドルは次のとおりです。フィドル

Answer 2

http://jsfiddle.net/2D3V5/3/を参照してください

矢印アイコンをテキストから同じ距離に保ちたいが、矢印も揃えたい場合は、矢印をタイトルの左側に配置する必要があります。