CSS 分隔线 中间带文字 分隔符

HTML部分：

<div class="order">        <span style="white-space:pre">   </span><span class="line"></span>        <span style="white-space:pre">   </span><span class="txt">最近常用路线</span>        <span style="white-space:pre">   </span><span class="line"></span>    </div>

CSS部分：

.order {    height: 60px;    line-height: 60px;    text-align: center;}.order .line {    display: inline-block;    width: 35%;    border-top: 3px solid #82B3D5;}.order .txt {    color: #555;    vertical-align: middle;}
如下图所示：