css - 内联和垂直居中显示图像和文本

Question

我试图像这样显示图像和文本内联：

图片文字

图像是一个圆圈，所以我希望文本垂直位于图像的中心，因为图像比文本大一点

这是我到目前为止所拥有的：

#contactinfo-text {
    font-size:30px;
    color:#F36F25;
    display:inline;
    margin-bottom:30px;
}
#contactinfo-text:hover {
    color:#666666;
}

<img src="../images/icons/telephone.png" height="60" /><div id="contactinfo-text">01702 66 77 27</div>

有任何想法吗？

Answer 1

使用垂直对齐属性：

vertical-align: middle;

演示：http: //jsfiddle.net/FlameTrap/Hwq3Z/