从原始位置保留字体真棒微调图标

Question

当我把图标fa fa-spinner fa-spin图标开始自己旋转。虽然旋转点旋转得很好。

例如： - http://farzikam.cf/a点击提交按钮，看看从你的按钮图标

<button id="btn" onclick="load()"> 
    <div id="btntext">Submitting</div> 
    <i id="plus" class="fa fa-spinner fa-spin" style="padding: 0;margin-left: 7px;"></i> 
</button> 

Answer 1

解决它从你的图标取出填充和保证金添加到您的按钮文本，如：

#btntext{ 
    margin-right: 15px; 
} 

您应该也使用类而不是id's的情况下。

Answer 2

去除顶部/底部填充

Answer 3

添加这个CSS，它应该工作的优良....

#btn .fa-spin { 
    padding: 0; 
} 
#btntext { 
    padding: 0 10px 0 0; 
}