css - Font Awesome fa-spin 绕着错误的中心旋转

Question

我正在使用这个切换菜单模板:http://bootsnipp.com/snippets/featured/navigation-sidebar-with-toggle .

我已经用很棒的字体替换了 bootstraps glyphicon

fa fa-cog fa-spin

但是齿轮旋转出边界，就好像中心与文本不在同一行上一样。我可以看到尺寸调整存在一些问题，但我不知道在哪里，知道我做错了什么吗？

JSFiffle:https://jsfiddle.net/vidriduch/mpw2r8h2/1/

Answer 1

文本缩进有问题

.sidebar-nav li {
    line-height: 40px;
    text-indent: 20px; //Remove this rule and use margin
}

并更改此类规则

.sub_icon {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    padding-right: 65px; // remove it
    padding-top: 10px;// remove it
}