html字两边的横线_css 怎么在文字两边加上横线

工作经历

.title-text span {

display: block; /*设置为块级元素会独占一行形成上下居中的效果*/

position: relative; /*定位横线(当横线的父元素)*/

.fs(14);

text-align: center;

}

.title-text span:before, .title-text span:after {

content: '';

position: absolute; /*定位背景横线的位置*/

top: 50%;

background: #8c8c8c; /*背景横线颜色*/

width: 35%; /*单侧横线的长度*/

height: 1px;

}

.title-text span:before {

left: 2%; /*调整背景横线的左右距离*/

}

.title-text span:after {

right: 2%;

}