创建位于另一个div之上的标签

Question

我正在创建用户信息中心，并且希望每个标签都有一个带有数字计数的标签。我想要完成的事情可以在下图中看到。

我正在使用带有bootstraps“label”或“badge”样式的flaticon.com图标。

你们中的一个技术娴熟的人可以指出我正确的方向。

这就是我的样子。

这是我的代码（HTML＆amp; CSS）：

<span class="flaticon-cloudstorage10 lg"><span class="label label-default">2</span></span>

.label.label-default {
position: absolute;
text-align: center;
top: 9px;
right: 7px;
padding: 2px 3px;
line-height: .9;
}

.flaticon-cloudstorage10.lg:before {
font-size: 20px;
padding-left: 10px;
position: relative;
}

这是我在添加位置后得到的：相对于flaticon。

感谢您的时间！

Answer 1

flaticon-cloudstorage10 lg的css属性是什么？

它有{position：relative;}吗？如果没有，你可以试着把它给它那个属性。

Answer 2

我明白了。我需要添加位置：相对于持有我的flaticon而不是图标本身的div。谢谢JKC指出我正确的方向。

这是最后一眼。