FontAwesomeアイコン間の間隔

Question

ラインに表示されるアイコンの間隔を設定するにはどうすればよいですか？これが私のコードです：

<p>
  <i class="fa fa-facebook fa-2x"></i>
  <i class="fa fa-Twitter fa-2x"></i>
  <i class="fa fa-google-plus fa-2x"></i>
</p>

今のところ、アイコンは互いに近すぎます。

Answer 1

他の場合と同じように、マージンを設定します。純粋なCSS。

Answer 2

使用 fa-fwクラス：

http://fortawesome.github.io/Font-Awesome/examples/

それはきれいで、要素にスタイルを追加するよりも優れています。

Answer 3

実際には、 を使用してスペースを作成できます

<i class="fa fa-home fa-fw"></i>&nbsp;<i class="fa fa-home fa-fw"></i>