文字左右两横线效果

by yu lemon

HTML

<span class="title">标题</span>

CSS

.title{
  display: inline-block;
  padding: 0 20px;
  line-height: 1px;
  border-left: 100px solid #ccc;
  border-right: 100px solid #ccc;
  text-align: center;
}