推荐文章

HTML:

<span>未读信息<i></i></span>

1、父元素设置相对“relative”定位CSS     

span {
         position: relative;
         padding-right:8px; 
      }

2、红点绝对“absolute”定位CSS   

span i{
         display:block;
         background:#f00;
         border-radius:50%;/*50%圆角*/

         width:5px;

         height:5px;
        top:0px;
        right:0px;
        position:absolute;
    }