HTML+CSS中 文字两边线水平居中且两边对齐

HTML+CSS中 文字两边线水平居中且两边对齐

HTML+CSS想要文字两边出现水平居中的线且根据盒子的宽度两边对齐，水平居中，
这样的话可以用这样伪类来实现效果。
《CSS部分》
.text_decorate::after,
.text_decorate::before{
content: “”;
display: inline-block;
width: 502px;
border-bottom: 1px solid rgb(229,229,229);
margin-top: 12px;
}
.text_decorate::after{
float: left;
}
.text_decorate::before{
float: right;
}
《Html部分》

效果图