将图像与文本对齐

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