html - リンクの下線を削除する

Question

私の英語から申し訳ありません。

こんにちは、私はいくつかの参照でFontAwesomeを使用しています。アイコンと下線付きのテキスト リンクを削除する必要があります。そのような可能性はありますか?

<p><a href="#"><i class="fa fa-user"></i> Username</a></p>

JSFiddleのパターン

Answer 1

a:hover {text-decoration:none;}
a {text-decoration:none;}

http://jsfiddle.net/jEh6J/1/

Answer 2

フィドル

aとの間の行を削除する場合はi、パダーを追加します。padding-right

a:hover {text-decoration:none;}
a i { text-decoration:none; padding-right:10px;}

また、テキスト「ユーザー名」の前のスペースを削除してください。とにかくフィドルで修正しました。

結果