效果图:
html代码:
<div class="divider">
<p></p>
<div class="divider-text">申请处理进度</div>
<p></p>
</div>
scss代码:
.divider{
width: 100%;
display: flex;
p{
width: 45%;
height: 1px;
border-top: 1px orange dashed;
margin: 0;
vertical-align: middle;
}
.divider-text{
padding: 0 20px;
color: orange;
transform: translateY(-50%);
display: inline-block;
font-size: 17px;
}