Back to basics: Apparently, nested <code> with display: inline-block and overflow: hidden results in weirdness dabblet.com/gist/7bc90a1bd7d…
4
6
2
14
see the very last sentence of drafts.csswg.org/css2/visude… for why
2
3
4
I think text-top or text-bottom (or, failing that, top or bottom) might be a safer workaround, though, since...
2
Actually, neither text-top, text-bottom or middle are a good workaround. Notice the parentheses, they're misaligned…
1
yeah, baseline is the only vertical-align value that truly aligns the same point in the parent and child (in most cases)
2
Replying to @davidbaron @LeaVerou
Also, rationale for the rule was, I think, that extracting a baseline from a scrollable thing doesn't make much sense.

Sep 14, 2016 · 3:48 AM UTC

1
Replying to @davidbaron
When heuristics fail, they fail badly :/