Html 如何在方形图标内显示文字信息

这是我的代码。如何在大小为1x的方形框内显示文字信息

<span class="fa-stack fa-5x" style="margin-left:5%">
 <i class="fa fa-square-o fa-stack-2x"></i>   
</span>

---

根据您在放置文本的div标签上创建的要求，放置绝对位置和边距

<div style="position: absolute;">asdasdaddas</div>

asdasdadas

让字体类完成这项工作。将文本包装在

fa-stack-1x

类中，它将在图标上定位并居中。如果需要，您可以从那里使用字体大小

<span class="fa-stack fa-5x fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <span class="fa fa-stack-1x">Aa</span>
</span>

Aa

---

文本显示在方形框中，但大小不固定