css - 在字形图标上添加文本

Question

我希望文本以字形为中心。我尝试了几个 css 标签但没有成功。以下是我的 html

<table>
    <tr>
        <td rowspan="4"> 
            <span class="glyphicon glyphicon-bookmark"></span>
            <span>2</span>
        </td>
        <td>John Oliver</td>
    </tr>
</table>

Answer 1

很抱歉最后一个答案。我想这就是你想要的。看看演示。

演示 http://jsfiddle.net/yhq3npxs/

HTML

  <div class="container">
  <i class="glyphicon glyphicon-heart icon-size"></i>
   <span class="badge shoppingBadge shoppingBadge-custom">5</span>
 </div>

CSS

.icon-size {
font-size:60px;
 }

 .shoppingBadge-custom{
background: red;
position:absolute;
left:47px;
top:18px;
font-size:14px;
z-index: 3;
 }