The other options don't make sense:
"A) Aligned horizontally with the first two, but after both of them?"
Floats are taken out of the normal flow so they will be pulled as far to the side as possible until they reach another floated element or the edge of the BFC.
"B) On the row after the first two, on the far left side?" "C) On the row after the first two, on the far right side?"
They are floated elements in the same BFC, if they fit on the same line, they will. Unless you clear them. Pretty simple stuff.
But yes, we're probably being a little too hard on this piece, being satire and all... Then again, what else do you expect from the HN audience?
It eases you into the realisation nice and slowly. I'm guessing given the penchant for people to comment based purely on titles, some won't even get that far.
Sorry if this feels harsh but reading through was fairly unpleasant.
https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-al...
Although most of the article is satire, vertical align has a lot to do with tables. Centering only works in table-cell elements. Take a look at the code http://howtocenterincss.com/#contentType=text&horizontal=cen...
Or, one of the references mozilla links to there is: http://phrogz.net/css/vertical-align/index.html
This just reads like a massive complaint-fest TBH.
CSS Grid and flexbox are a nice improvement over what I had to work with in, say, 2010.
And fail they did. Rather than hammer out an explicit standard, they just kind of winged it and left the actual implementation details to the browser builders. Those guys were never going to play nicely together, but at least we'd be able to blame someone else.
I browse with uMatrix with some extra strict defaults (no 3rd-party CSS/images) and about 90% of sites that link bootstrap from a CDN work fine without.
