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
Replying to @LeaVerou
yeah, baseline is the only vertical-align value that truly aligns the same point in the parent and child (in most cases)

Sep 14, 2016 · 3:48 AM UTC

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.
1
When heuristics fail, they fail badly :/
Replying to @davidbaron
Yup, but in this case, baseline is on drugs… So there is no workaround?! :/
1
Can you avoid 'overflow: hidden'? I can't think of anything else offhand that would be reliable.
1
more replies