p元素使用伪元素::before实现小圆点，换行缩进

p元素使用伪元素实现小圆点，默认换行第二行会与小圆点平行，图2是想要的样式


小圆点代码

p::before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #D8D8D8;
	margin: 0 5px 2px 0;
}

换行缩进代码

p{
    word-break:normal;
    text-indent: -1em;
    margin-left: 1em;
}

p元素实现竖杠，如图

::before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 20px;
    background-color: #4C81F7;
    margin: 0px 12px -3px 0;
  }