我可以在不包装的情况下定位此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*/
    }