4つのアイコンをhtmlで並べて表示する方法は？

Question

私はアイコンを持っていると私は、このようなアイコンの4は、ここで最小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> 

Answer 1

あなたは、次のような何かを試すことができます。

ここ

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>