vertical align middle with listing

[MDanz]

the textfield displays at the bottom of the image. when i want it to be centered.  I applied vertical-align:middle but no success.

 

#addtopictostack ul {

vertical-align:middle;

}
#addtopictostack li{
display:inline;
list-style-type:none;

}

 

<ul id='addtopictostack'><li><img src='addtopic2stack.jpg' alt='addtopictostack' /></li><li><input type='text' size='20' value='Type Topic Here' /> <input type='submit' name='submit' value='submit' style='font-size:10px' /></li></ul>

[damianjames]

Have you tried applying it to the image rather than the UL?  You can also try using line-height or a percentage (can be negative) instead of middle for vertical-align for more fine-tuned alignment.

[haku]

If you want to align something with an image, you need to set the vertical align on the image.