html

<div class="GoodsTitle">

<div class="line"></div>

<div class="content">优惠信息</div>

<div class="line"></div>

</div>

 

.GoodsTitle {

display :flex;

margin :28px auto 24px auto;

width :90%;

.line{

  flex: 1         //两条line平均分剩余空间

                        position: relative

                        top: -6px

                        border-bottom: 2px solid rgba(255, 255, 255, 0.2)

}

.content{

font-size :16px;

font-weight:700;

padding :0 12px;

}

}