Thank you very much for this post. It completely solved a problem I'd be wrestling with for a while. I need to display multiple rows of pictures, with captions beneath them. The pictures are all the same width, but the heights vary. Your technique using inline-blocks is the only way I've found to get them to line up properly and be properly responsive.

If you like a challenge, I do have a question though. I currently use top-alignment. I had wondered if it would look better if I used bottom-alignment. The thing is though that not only do the picture heights vary, but the caption heights do too, because some captions wrap onto multiple lines. So you get an unpleasant raggedy effect if you use bottom-alignment. Then it occurred to me that what might look better would be if I could align on the bottom of the picture - i.e. the top of the caption. That is, I want to treat the bottom of the picture as akin to the baseline for text. Any ideas about how I might do that?