CSS实现元素右上角的小圆点

其实我就想实现未点击按钮时，文字右上方有小圆点，点击后消失的效果

image.png

但是不想用浮动、定位，结果百度搜了一圈，大家都是用浮动、定位解决,

记录两种更好的解决方案：
1.使用sup标签

  <sup></sup>

2.使用css属性vertical-align

.dot{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: @danger;
    display: inline-block;
    vertical-align: super;
 }