小三角的实现

写网页的时候都会遇到文字后面有一个小三角
像这样的

怎么把它手打出来

小三角是一个正方形隐藏了一半实现出来的

用i标签一定要转换

   div {
       i {
         display: inline-block;
         border: transparent 5px solid;
         border-top-color: black;
         vertical-align: middle;
        }
      }