Aligning images with text [duplicate]

Question

I'm having trouble aligning an image with text. I want my image on the left, and the text inline on the right, centered vertically to the image.

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

Right now, the text hugs the top of the container. How can I center it vertically to the middle of the container?

Answer 1

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

This should do it. jsFiddle