中间文字，两边横线

**

一、html

**

    <div class="status">        <div class="status-txt">版型制作</div>        <div class="status-leftLine"></div>        <div class="status-rightLine"></div>    </div>

二、css

   .status{    position: relative;    text-align: center;    margin-top: 0.72rem;    margin-bottom: 0.48rem;}.status-leftLine{    position: absolute;    left: 1.7rem;    width: 1.333333rem;    height: 1px;    background-color: #ccc;    margin: auto;    top: 0;    bottom: 0;}.status-rightLine{    position: absolute;    right: 1.7rem;    width: 1.333333rem;    height: 1px;    background-color: #ccc;    margin: auto;    top: 0;    bottom: 0;} 

三、界面