css 怎么在文字兩邊加上橫線

<div class="title">
<h2 class="title-text"><span>工作經歷</span></h2>
</div>

.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%;
}