я вообще не совсем понял о чем у вас спор :)
Из картинки Professor'а следует, что нужно что-то типа этого:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
img {
vertical-align:middle;
border:1px solid;
}
</style>
</head>
<body>
<p>
<img style="width:12px; height:34px;" />
<img style="width:78px; height:56px;" />
<img style="width:90px; height:32px;" />
<img style="width:54px; height:65px;" />
<img style="width:15px; height:31px;" />
<img style="width:62px; height:89px;" />
<p>
</body>
</html>
Просто не всегда удается оставить элемент инлайновым. Если, например, нужно было бы сделать к картинкам подписи, то их бы пришлось заворачивать в блоки, а тогда vertical-align уже не сработает. Ещё тут путаница, из-за того свойство назначается самому элементу, а не его родителю, как это было бы в табличной верстке (valign у ячейки).