Html 在底部覆盖图标

下面是我的小提琴，我正试图把一个覆盖的图标，就像下面的图像请让我知道我如何才能做到这一点

收件箱

0

这里我使用的是glyphicon，但是你可以使用任何你想要的图标

HTML

这里我使用的是glyphicon，但是你可以使用任何你想要的图标

HTML

检查这个

<div align="center" style="margin-top: 5px; background-color: rgb(62, 160, 85); color: white; display: inline-block; padding: 8px;">
Inbox<br>
<span style="line-height: 25px;">0</span>
<i class="icon-sun"></i>
</div>

收件箱

0

您可以使用icon-large、icon-2x、icon-3x、icon-4x类增加或减少图标的大小

而且只需要少量CSS工作

检查此项

<div align="center" style="margin-top: 5px; background-color: rgb(62, 160, 85); color: white; display: inline-block; padding: 8px;">
Inbox<br>
<span style="line-height: 25px;">0</span>
<i class="icon-sun"></i>
</div>

收件箱

0

您可以使用icon-large、icon-2x、icon-3x、icon-4x类增加或减少图标的大小

---

需要做一点CSS工作

请澄清，不清楚你想做什么。像这样@Rich oops抱歉没有提到图标的覆盖，就像这样，但我使用字体作为图标，那么在这种情况下，css会是什么呢？你是使用字体吗？请澄清，不清楚你想做什么。像这样@Rich oops抱歉没有提到图标的覆盖，就像这样，但我使用字体作为图标，那么在这种情况下，css会是什么呢？你使用字体很棒吗

div {
    position: relative;
}
.someclass {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
}

<div align="center" style="margin-top: 5px; background-color: rgb(62, 160, 85); color: white; display: inline-block; padding: 8px;">
Inbox<br>
<span style="line-height: 25px;">0</span>
<i class="icon-sun"></i>
</div>