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
Replying to @davidbaron @LeaVerou
I think text-top or text-bottom (or, failing that, top or bottom) might be a safer workaround, though, since...

Sep 14, 2016 · 3:46 AM UTC

2
Replying to @davidbaron
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
more replies
Replying to @davidbaron @LeaVerou
... since 'middle' vertical align aligns different points in the child and the parent (as do the others, but less font-dependent)