Html 在字体awessome中的链接和图标之间插入填充

我有一个与FontaWebSome图标的链接：

<a class="fa fa-some-icon" href="#">Link1</a>

---

但是没有运气。

在

元素的
伪之前的
中添加右边距


a:：before{
内容：“；
右边距：10px；
}
在
元素的
伪之前的
中添加右边距


a:：before{
内容：“；
右边距：10px；
}

将一些右缩进（
margin right
或
padding right
）添加到
的样式中：在将添加字体类的
伪元素之前。比如说

.fa:before {
  margin-right: 10px;
}


。自定义链接：之前{
右边距：10px；
}

将一些右缩进（
margin right
或
padding right
）添加到
的样式中：在将添加字体类的
伪元素之前。比如说

.fa:before {
  margin-right: 10px;
}


。自定义链接：之前{
右边距：10px；
}
您可以为您的应用程序提供一些css类，并使用：：before选择器，如下所示

HTML

Fiddle:
您可以为您的应用程序提供一些css类，并使用：：before选择器，如下所示

HTML

Fiddle:
使用可管理的psudo选择器前后的填充。HTML

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<a href="#" class="fa fa-address-book">Address Book</a><br/>
<a href="#" class="fa fa-address-card">Address Card</a>
<style>
      a::before {
      content: "";
      padding-right: 10px;
 }




a:以前{
内容：“；
右边填充：10px；
}


精巧地：
带有可管理的psudo选择器前后的填充。HTML

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<a href="#" class="fa fa-address-book">Address Book</a><br/>
<a href="#" class="fa fa-address-card">Address Card</a>
<style>
      a::before {
      content: "";
      padding-right: 10px;
 }




a:以前{
内容：“；
右边填充：10px；
}


精巧地：
：：在插入内容之前，在元素前面插入内容，不带边距或填充

您必须执行以下操作：

<a href="#"><span class="fa fa-some-icon" style="padding-right:10px;"></span>Link1</a>

：：在元素前面插入内容，不带边距或填充

您必须执行以下操作：

<a href="#"><span class="fa fa-some-icon" style="padding-right:10px;"></span>Link1</a>


然后编辑HTML代码。你需要另一个元素来实现你想要的。然后编辑你的HTML代码。你需要另一个元素来实现你想要的。如何添加“文本装饰：无；”？我刚刚添加了它，但图标仍带有下划线。还是应该添加“悬停”样式？@Kumakaja是的，您需要覆盖悬停样式。。。类似于
.fa:hover:before{text-decoration:none；}
工作。如何添加“文本装饰：无；”？我刚刚添加了它，但图标仍带有下划线。还是应该添加“悬停”样式？@Kumakaja是的，您需要覆盖悬停样式。。。像
.fa:hover:before{text-decoration:none；}