分割线带子

.dv1 {

width: 327px;

height: 22px;

position: relative;

margin: 100px auto;

}

.liner {

width: 100%;

height: 1px;

background-color: #ccc;

position: relative;

top: 50%;

}

.dv2 {

text-align: center;

width: 120px;

height: 22px;

line-height: 22px;

margin: 0 auto;

background-color: #fff;

position: relative;

z-index: 3;

}

<div class="dv1">

<div class="liner"></div>

<div class="dv2">

<i class="iconfont icon-star"></i>

<span>热门推荐</span>

</div>

</div>