字体真棒:如何删除周围的空间

Question

我使用字体很棒来创建一个圆圈。html如下：

<span class="fa fa-stack fa-3x" >
            <i class="fa fa-circle-thin fa-stack-1x" ></i>
            <strong class="fa-stack-1x" >2</strong>
 </span>

这是JSFiddle演示：

http://jsfiddle.net/mddc/dkgzlrlf/2/

在此演示中可以看到，圆圈周围有很多空间。如何优雅地将其删除？并将其放置在其容器的左上角（DIV标签）？

谢谢。

Answer 1

看不到为什么要使用字体很棒，因为您只想要一个数字附近的边框，因此，这是一个简单的CSS解决方案

html：

<strong class="nbr">2</strong>

CSS：

.nbr {
    display: inline-block;
    font-size: 24px;
    line-height: 1.2em;
    width: 1.2em;
    border: 2px solid #000;
    border-radius: 50%;
    text-align: center;
}

保持线路高值与宽度（EM或PX）相同，以具有完美的圆

这是更新的小提琴https://jsfiddle.net/dkgzlrlf/3/