将图像与文本对齐[重复]

Question

我无法将图像与文本对齐。我希望我的图像在左侧，内嵌文本在右侧，与图像垂直居中。

<div class="container">
    <span class="icon">
        <img ... />
    </span>
    <span>555-1212</span>
</div>

现在，文本紧贴容器顶部。如何将它垂直居中到容器的中间？

Answer 1

.container span {
    display: inline-block;
    vertical-align: middle;
}

应该这样做。 jsFiddle