使文本垂直居中显示在图像旁边

Question

我有这个CSS,我用它来显示一些文本左侧的DIV:

#type_box {
    width:30px;
    height:30px;
    margin-right:10px;
    border-radius:20px;
    float:left;
    display:inline;
}
.box_okay {
    background:url(http://s29.postimg.org/gjnuph0gz/tick.png) no-repeat;
    background-size: contain;
}

我希望文本正好在图像的垂直中心(图像显示在文本的左侧)

http://jsfiddle.net/P3CFU/

Answer 1

将文本放入span并使用line-height它使其垂直对齐.

span
{
    line-height:30px;
}

Js Fiddle演示