html - 如何设置带有背景图片和文字的内联div？

Question

<div class="cn_header">
    <div class="print"></div>
    example
</div>​

.cn_header{
    background: #C2E1FF;
    height: 24px;
    line-height: 24px;
    padding: 5px;
}

.print{
    background: url(http://mcgrefer.com/images/search.png);
    display: inline-block;
    height: 24px;
    width: 24px;
}
​

http://jsfiddle.net/Luntegg/2SCvf/1/

如何设置带有背景图片和文字的内联div？

Answer 1

在 .print 上设置 vertical-align:middle;

Demo