模块标题

示例

HTML(文字始终垂直居中)

<div class="module-title"><span>减脂前后</span></div>

CSS

/* 模块标题 START */
.module-title {
    padding: .42rem .3rem;
    background-color: #fff;
    line-height: 0;
}
.module-title:before {
    display: inline-block;
    margin-right: .2rem;
    content: '';
    width: .3rem;
    height: .3rem;
    background-color: #f9b337;
    vertical-align: middle;
}
.module-title span {
    font-size: .32rem;
    vertical-align: middle;
}
/* 模块标题 END */