I am trying to replicate the way in which images in the feed on this website (http://haw-lin.com/) are bottom-aligned.
Any help in diagnosing what specifically is making the bottom alignment of images on this site possible and/or advice on how to similarly implement this effect on my site would be greatly appreciated.
The browser itself is actually doing the alignment. Looking in Firebug or the developer tools for Safari or Chrome show that the vertical-align CSS property is being inherited from the browser default style: baseline.
All of the images are inline on that page. By default, images are aligned to the "baseline" of a line of text, so that the bottom of images are aligned horizontally with the bottom of many lower case letters like "a" or "z".
Nothing special is being done at all. That's just how browsers render images naturally.
toicontien, THANK YOU! Not that I'm super savvy in CSS but I'm kicking myself for not figuring this out sooner but I'm very grateful that you pointed it out to me. Such a simple and elegant solution compared to the needlessly complex solution I'd been using!