小程序中间有字的分隔线

代码如下：

wxml

<view class="line">
  <span>到底啦，我是有底线的</span>
</view>

wxss

/* 分隔线--底部 */
.line{
    width: 90%;    /* 分隔线的长度 */
    margin: auto;
    height: 1px;    /* 分隔线粗细 */
    text-align: center;
    font-size: 24rpx;
    color: #aaa;
    background: #ccc;
}
.line span{
    position: relative;
    top: -8px;
    background: #fff;
    padding: 10px 10px;
}