如何在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中並排放置四個圖標？

回答

相關問題