位置堆叠字体真棒图标

Question

我试图通过在fa-square-o上堆叠fa-circle来创建一个"素食"图标.问题是圆圈不是相对于正方形垂直居中对齐的.我尝试使用margin/padding/vertical-align css属性,但它们没有任何效果.我的代码是:

<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i>
<i class="fa fa-circle fa-stack-1x " ></i>
</span>

Answer 1

您可以通过添加顶部来移动它:

.fa-stack-1x {
    top: -1px;
}