我有一个通知图标(font-awesome),它显示通知的数量。
我有一个问题,就是无法将数字正确地显示在位置上,如下图所示:
我需要文本变小并向右移动和向上移动一点...这是代码:
.header .bubble {
border-radius: 100%;
height: 14px;
width: 14px;
background-color: rgba(226, 32, 91, 0.77);
color: #ffffff;
text-align: top;
position: relative;
top: 0px;
float: right;
right: -3px;
}
<a href="javascript:;" id="notification-center" class="icon-set globe-fill" data-toggle="dropdown"><span class="bubble">2</span>
有人能帮忙吗,我是新手。