css做中划线与文字排版

html:

<div class="spilt">
    <span class="left"></span>
    <span class="title">活动说明</span>
    <span class="right"></span>
</div>

 

css:

.spilt{
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    >span{
        display: inline-block;
    }
    .left,.right{
        width: 100px;
        height: 1px;
        border-top: 1px solid #ffc5b4;
        vertical-align: middle;
    }
}