Centering images vertically
HTML:

    <ul>
      <li><img src="image1.png" /></li>
      <li><img src="image2.png" /></li>
      <li><img src="image3.png" /></li>
      <li><img src="image4.png" /></li>
      <li><img src="image5.png" /></li>
      <li><img src="image6.png" /></li>
    </ul>

... the images are all different sizes, I'd like to center them vertically.

jQuery:

    $('ul li').css('paddingTop', height($("ul li").height() - ("li img") / (2)));

.. but this isn't working.


Centering images vertically
===

HTML:

    <ul>
      <li><img src="image1.png" /></li>
      <li><img src="image2.png" /></li>
      <li><img src="image3.png" /></li>
      <li><img src="image4.png" /></li>
      <li><img src="image5.png" /></li>
      <li><img src="image6.png" /></li>
    </ul>

... the images are all different sizes, I'd like to center them vertically.

jQuery:

    $('ul li').css('paddingTop', height($("ul li").height() - ("li img") / (2)));

.. but this isn't working.

