css集合--表示有未读消息小红点的解决

只需要一个<i>标签,放在需要的文本后面即可

 ex:<span>待解决问题<i></i><span>

i{
  display:block;
  background:#f00;
  border-radius:50%;
  width:0.4em;
  height:0.4em;
  top:0px;
  right:-0.2em;
  position:absolute;
}