2018-12-20添加伪元素：before后变成小点

想给文字前添加伪元素，设置横线，于是码代码

image.png

image.png

以为是这样的效果，

image.png

但是却变成了一个小点，奇葩，

image.png

后来检查之后发现，一但给元素添加float浮动，或者绝对定会后，元素就会变成块元素，需要设置宽高才能显示正常。

经过一番调整，设置宽高，left,top之后终于达到自己想要的效果，开心。

  position: relative;
}
.content-title-text:before{
  content: " ";
  width: 4rpx;
  height: 36rpx;
  border-radius: 10rpx;
  border: 3rpx solid #000;
  position: absolute;
  background-color: #000;
  left:-15rpx;
  top: 6rpx;
}

再加一句

image.png