how do i vertical align text with an image using css?

[pushyr]

i've tried and searched and still no success! i'm trying to vertical align text with an image so they are both vertically centered.

#textcenter {
vertical-align: middle;
}



<ul>
<li><img src="img.gif"><div id="textcenter">text</div></li>
</ul>

what am i doing wrong?

 

[feherke]

Hi

[ol]
[li]Is not enough to align only one of them[/li]
[li][tt]div[/tt] is block element so by default can not be aligned with anything[/li]
[/ol]

li img,li div {
  vertical-align: middle;
}
li div {
  display: inline;
}

Feherke.

http://rootshell.be/~feherke/

 

[pushyr]

thanks Feherke!!!!