css中怎么样将文字放在一条横线中间

 

 

<div class="sigma-content">
    <div class="sigma-middle-line">
        <span class="sigma-line-text">Sigma 的中横线</span>
    </div>
</div>


.sigma-content{
    margin: 50px;
    text-align: center;
    background-color: #fff;
}
.sigma-middle-line:before{
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #999;/*颜色需与主题大背景色一致*/ 
    position: relative;
    top: 10px;/*调节线高*/
    left: 0;
}
.sigma-line-text{
    display: inline-block;
    background: #fff;
    padding: 0 18px 0 18px;
    position: relative;
    font-size: 14px;
    font-weight: 500;
}

来源：https://zhidao.baidu.com/question/562141948019882644.html