How do you vertically align images within a list or a div?

Question

I have the following code for showing some images:

HTML:

Answer 1

Do the images have a fixed upper bound as to their height?

If so you can set the line-height of the containing div to that height, and then set vertical-align property of the img tags to middle.

See here: http://phrogz.net/CSS/vertical-align/index.html