我可以針對這個href的文本沒有包裝它

Question

所以我試圖保持代碼降到最低有沒有一種方法，我可以給這個href的文本添加一個邊距，而不移動字體真棒圖標下來也。我能看到做的唯一方法就是在它周圍包裹一個span標籤並將其設置爲具有餘量。

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

Answer 1

如果你想betweeen圖標和文本空間試試這個：

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

    or 

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