将图像与文本对齐

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