たった1行でアイコン付きの要素を右寄せにするテクニック サンプルページ

通常のアイコンを背景に指定したテキストのサンプルです。

これをtext-alignを使って中の要素を右寄せにすると…

上記のようになってしまいます。
そこで、floatを使って要素を右寄せにすると…

上記のように、背景のアイコンごと右に寄せることができます。