css3实现向右三角形与文字垂直居中

高度三角形14px，用于垂直对齐：14/2 = 7，对于该页边距顶部：-7px；

 .text {
          height: 12px;
          font-family: PingFangSC-Regular;
          font-size: 10px;
          font-weight: 400;
          line-height: 12px;
          color: rgba(51, 51, 51, 1);
          text-align: left;
          position: relative;
          
        } 
        .text:after {
          width: 0px;
          height: 0px;
          border-style: solid;
          border-width: 7px 0px 7px 7px;
          border-color: transparent  transparent   #656566 transparent;
          position: absolute;
          top: 50%;
          right: 0;
          margin-top: -7px;
          content:"";
      }

效果图：