lucy24 - 5:54 pm on May 4, 2012 (gmt 0)
Hm, hadn't thought of lists as an inline-block item. (Can you tell I don't deal in dropdown menus? ;)) Gotta remember that.
Some of the jiggery-pokery in styling is necessary because the captions can be either one or two lines, while the images can be either horizontal (126x95) or vertical (95x126). Hence the min-height on the captions. You can see where it was all easy with tables. Everything in its own little box. I had to give up the vertical centering of images-- but in exchange I got response to window width. It's fun just to fiddle with the window and watch things rearrange themselves :) And it becomes vastly easier to rearrange things. "Let me put this picture-plus-caption package over here between these two picture-plus-caption packages. No, doesn't quite work, let's try over here instead."
And yes, I can well remember the light that went on a few years back when I realized I didn't have to say <p class = "hanging"> 87 times in a row; I could put it in the CSS as "div.hanging p". Whew.
I've since learned that a few, a very few, RegEx dialects can capture up to 99 terms. Ooh, I'm envious.
:: now back to sulking because "display: run-in" has apparently been dumped for good, although it made headings so easy... ::