偏爱这个办法 

        .wrap {position: relative;text-align: center;width: 84%;margin: 15px auto;}         /*CSS伪类用法*/         .wrap:after, .wrap:before {position: absolute;top: 50%;background: #ddd;content: "";height: 1px;width: 25%;}         /*调整背景横线的左右距离*/         .wrap:before {left: 0;}         .wrap:after {right: 0;} <!--3:使用css伪类--> <div class="wrap">     中间文字 两边横线 </div>