Currently we are not taking into account atomic inline margins
Example:
<span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: blue; margin-left: 10px;"></span>
<span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: purple; margin-left: 100px;"></span>
<span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: fuchsia"></span>
LayoutNGBlockFlow (floating) {div} at (0,0) size 500x500
LayoutNGBlockFlow {span} at (0,0) size 300x20 [bgcolor=#0000FF]
LayoutText {#text} at (0,0) size 0x0
LayoutNGBlockFlow {span} at (0,20) size 300x20 [bgcolor=#800080]
LayoutText {#text} at (0,0) size 0x0
LayoutNGBlockFlow {span} at (0,40) size 300x20 [bgcolor=#FF00FF]
LayoutText {#text} at (0,0) size 0x0
failed tests
virtual/layout_ng/external/wpt/css/CSS2/floats/floats-zero-height-wrap-001.xht
virtual/layout_ng/external/wpt/css/CSS2/floats/floats-zero-height-wrap-002.xht
Comment 1 by bugdroid1@chromium.org
, May 17 2017