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

Add vertical-align: middle; to .footer-logos img:

.footer-logos img {margin-left:20px;margin-right:20px;vertical-align:middle;}

That said, you should set a fixed width and height in each of the elements to avoid the whole thing jumping up during page load.