css伪类为文字前后添加线条

<div class=" margin-left-right-16" id="text-line-con">
      <p >抽奖参数</p>
 </div>

<style>
#text-line-con{
    font-size: 12px;
}
 #text-line-con p:before {
    content: '';
    height: 1px;
    top: 50%;
    width: 30%;
    height: 1px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    margin-right: 24px;
    margin-bottom: 4px;
}

 #text-line-con p:after {
    content: '';
    
    top: 50%;
    width: 30%;
    height: 1px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    margin-left: 24px;
    margin-bottom: 4px;
}
</style>

margin-buttom控制线的高低，border-bottom控制线样式

效果：