UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36
Example URL:
http://output.jsbin.com/tivuvov
Steps to reproduce the problem:
1. Open http://output.jsbin.com/tivuvov
2. See misaligned x and 2
What is the expected behavior?
x and 2 should always line up, because according to the CSS 2.1 spec:
The baseline of an 'inline-block' is the baseline of its last line box in the normal flow
https://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align
Firefox 46 displays the correct behavior.
What went wrong?
At certain fractional values of padding or margin, the x and 2 are misaligned, for example .3em.
Does it occur on multiple sites: Yes
Is it a problem with a plugin? No
Did this work before? N/A
Does this work in other browsers? Yes
Chrome version: 50.0.2661.102 Channel: n/a
OS Version: OS X 10.11.5
Flash Version: Shockwave Flash 21.0 r0
Safari 9.1.1 has the same problem, at I think all the same fractional values, but the misalignment is not as severe.
|
Deleted:
Screen Shot 2016-06-06 at 14.19.37.png
12.7 KB
|
|
|
Screen Shot 2016-06-06 at 14.19.37.png
12.7 KB
View
Download
|
|
Comment 1 by cbiesin...@chromium.org
, Jun 6 2016