如何设置文字与背景图片对齐？

<div class="news">热点新闻：热烈庆祝易起贷金融平台震撼上线。
    <div class="news-img"></div>
</div>

css样式 vertical-align

.news {
    width: 1000px;
    height: 44px;
    line-height: 44px;
    margin: 0 auto;
    border-bottom: 1px solid #333333;
}

.news-img {
    width: 22px;
    height: 12px;
    display: inline-block;
    background: url("./images/new.png");
    vertical-align: middle; //垂直对齐
    margin-top: 1px; //设置margin值
}