css实现左右横线中间文字效果

样式

.title {
display: table;
width: 100%;
line-height: 32px;
background-color: #fff;
white-space: nowrap;
border-spacing: .2rem 0;
}

.title:before,
.title:after {
display: table-cell;
content: '';
width: 50%;
background: -webkit-linear-gradient(#eee, #eee) repeat-x left center;
background: linear-gradient(#eee, #eee) repeat-x left center;
background-size: 0.1rem 0.1rem;
}


效果图