中间文字，两边横线（纯css实现）

偏爱这个办法 

        .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>