html - 我可以在不包装的情况下定位此 href 的文本吗

Question

所以我试图将代码保持在最低限度，有没有一种方法可以在不向下移动超赞字体图标的情况下为这个 href 的文本添加边距。我能看到的唯一方法是在它周围包裹一个 span 标签并将其设置为有边距。

<a id="btn" class="green-btn"><i class="social fa fa-share fa-2x"></i>Share</a>

Answer 1

如果你想在图标和文本之间留出空间，试试这个:

.green-btn .fa-share{
    margin-right:5px /*or your custom value*/
    }

    or 

    #btn .fa-share{
    margin-right:5px /*or your custom value*/
    }