通过样式CSS和html组合成字体横线，不用再用背景图了

 <div class="title-5 text-center">
 <span>标题内容</span>
 </div>

.title-5{font-size: 0; overflow: hidden; }
.title-5 span{position: relative;display: inline-block;vertical-align: top;max-width: 100%;font-size: 30px;color: #488e00;line-height: 60px;text-shadow: 2px 2px 0 #fff,-2px 2px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff;}
.title-5 span:before,.title-5 span:after{content: "";position: absolute;top: 50%;z-index: 1;width: 600px;height: 1px;background: #5ea326;}
.title-5 span:before{ right: calc(100% + 20px); }
.title-5 span:after{left: calc(100% + 20px);}