模拟实现分割线效果

项目需求，要实现一个类似于分割线的效果，拿到效果图的时候，脑海里已经有了想法：

.line{
    text-align: center;
    color: rgba(51, 51, 51, 0.6);
    padding: 1rem 0;
}

1.采用图片/文字/图片形式实现

.line1 span{
    margin:0 10px;
}
.line1 img{
    width:30%;
    height:1px;
    vertical-align:middle;
}