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

这里想这样的图标四个被并排放置是我的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>

来源

2017-03-16 Utkarsh Gautam

您可以尝试类似如下：

i.fa.fa-square-o.multi-4x:after { 
 
    content:"\f096\f096\f096"; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<span class="fa-stack fa-2x" style="margin-left: 32%;margin-top: -13px;"> 
 
    <i class="fa fa-square-o fa-stack-2x multi-4x"></i> 
 
    <div style="position: absolute;font-size:1.4vw;margin-left:40%">1</div>  
 
</span>

来源

2017-03-16 10:34:45

这里我有一个div怎么能在第一2 S置于那些图标内部样1，内部的数第二，三分之三，四分之四。 –

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

回答

相关问题