fa facebookができない。。

Question

アイコンと文字の間にスペースが欲しい。
HTMLとCSSでウェブサイト作りの練習中です。
<a href="#" class="btn facebook"><span class="fa fa-facebook"</span>Facebook</a>
<a href="#" class="btn twitter"><span class="fa fa-twitter"</span>Twitter</a>

.fa {
margin-right: 5px;
}
を試してもアイコンと文字が離れてくれないです。
inspectでみてもなぜか文字の右側にマージンが指定されてしまいます。
わかる方いましたらご教授お願いします。

Comments

[m.ts10806]

コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564

あと、HTMLとCSSの構文チェックくらいは通しておきましょう。
http://www.htmllint.net/html-lint/htmllint.html
http://csslint.net/

[KaoruHisamori]

ありがとうございます。

[m.ts10806]

質問は編集できますので。

Answer 1

>が抜けています。

<a href="#" class="btn facebook"><span class="fa fa-facebook"></span>Facebook</a>
<a href="#" class="btn twitter"><span class="fa fa-twitter"></span>Twitter</a>

Comments

[KaoruHisamori]

ありがとうございます！！
めちゃくちゃ助かりました。