<blockquote> Possible Duplicate: How do I vertically align text next to an image with CSS? </blockquote> I am having trouble on aligning my texts and an image. the texts and image are like <pre class="prettyprint"><code>texts --------- | image | _________ </code></pre> I want the texts to be middle of the div instead of align to top. I have: <pre class="prettyprint"><code><div id='test'> tests <img src='/images/logo.png'/> </div> </code></pre> I have used the following css but still no luck <pre class="prettyprint"><code>#test{ margin-left: 10px; vertical-align: middle; } </code></pre> How do I align my text to the middle with image. Thanks so much!

The <code>vertical-align:middle</code> should be on the image, not the container.

Align text with an image [duplicate]

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!

557

asked Oct 16 '12 23:10

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

187

answered Oct 26 '22 01:10

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!