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

效果图