Align text with an image

Question

Possible Duplicate:
How do I vertically align text next to an image with CSS?

I am having trouble on aligning my texts and an image.

the texts and image are like

texts  ---------
      | image   |
       _________

I want the texts to be middle of the div instead of align to top.

I have:

<div id='test'> tests <img src='/images/logo.png'/> </div>

I have used the following css but still no luck

#test{
    margin-left: 10px;
    vertical-align: middle;
}

How do I align my text to the middle with image. Thanks so much!

place `vertical-align:middle` on the image – Amareswar Oct 16 '12 at 23:57 — Amareswar, Oct 16 '12 at 23:57

score 10 · Accepted Answer · answered Oct 16 '12 at 23:56

10

The vertical-align:middle should be on the image, not the container.

answered Oct 16 '12 at 23:56

1 Answers1