如何在html中并排放置四个图标？

我有一个图标，我想这样的图标四个并排放置使用最小的css

以下是我的HTML代码：-

<span class="fa-stack fa-2x" style="margin-left: 32%;margin-top: -13px;">
            <i class="fa fa-square-o fa-stack-2x"></i>
            <div style="position: absolute;font-size:1.4vw;margin-left:40%">1</div>                                          
         </span>

1.

您可以尝试以下方法：

i.fa.fa-square-o.multi-4x:after{
内容：“\f096\f096\f096”；
}

1.

我在一个div中有一个数字，如何将它放在图标中，比如1在第一个、2在第二个、3在第三个和4在第四个框中。