css - 如何在图标上显示数字？

Question

我使用 Font-Awesome 来显示图标。现在我想在它旁边的图标上添加一个数字。我该怎么做？

<i class="fa fa-calendar-o text-info">10</i>

如果这样做，图标旁边会出现 10。怎么会像鼠标悬停图标？

Answer 1

喜欢 zimorok 的答案，试试这个 http://jsfiddle.net/Lm8vdg8u/2/

<div id="calendar">
  <span class="day">10</span>
  <i class="fa fa-calendar-o fa-3x text-info"></i>
</div>

CSS

#calendar .day{
position: absolute;
z-index: -9999;
top: 30px;
left: 21px;
}