Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] [BFC] children: not-inline BlockContainer at [0,0] [0+0+0 800 0+0+0] [0+0+0 118 0+0+0] [BFC] children: not-inline BlockContainer at [0,0] [0+0+0 800 0+0+0] [0+0+0 118 0+0+0] children: not-inline Box at [1,1] flex-container(row) [0+1+0 500 0+1+298] [0+1+0 20 0+1+0] [FFC] children: not-inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer at [2,2] flex-item [0+1+0 50 0+1+0] [0+1+0 18 0+1+0] [BFC] children: inline frag 0 from TextNode start: 0, length: 24, rect: [2,2 222.6875x18] baseline: 13.796875 "LongWordThatExceedsWidth" TextNode <#text> (not painted) BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer at [54,2] flex-item [0+1+0 100 0+1+0] [0+1+0 18 0+1+0] [BFC] children: inline frag 0 from TextNode start: 0, length: 5, rect: [54,2 47.3125x18] baseline: 13.796875 "Short" TextNode <#text> (not painted) BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer <(anonymous)> at [0,22] [0+0+0 800 0+0+0] [0+0+0 0 0+0+0] children: inline TextNode <#text> (not painted) Box at [1,33] flex-container(row) [0+1+0 500 0+1+298] [10+1+0 52 0+1+0] [FFC] children: not-inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer at [2,34] flex-item [0+1+0 150 0+1+0] [0+1+0 50 0+1+0] [BFC] children: not-inline BlockContainer <(anonymous)> at [2,34] [0+0+0 150 0+0+0] [0+0+0 0 0+0+0] children: inline TextNode <#text> (not painted) BlockContainer
at [2,34] [0+0+0 150 0+0+0] [0+0+0 30 0+0+0] children: not-inline BlockContainer <(anonymous)> at [2,64] [0+0+0 150 0+0+0] [0+0+0 0 0+0+0] children: inline TextNode <#text> (not painted) BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer at [154,34] flex-item [0+1+0 100 0+1+0] [0+1+0 50 0+1+0] [BFC] children: inline frag 0 from TextNode start: 0, length: 1, rect: [154,34 9.34375x18] baseline: 13.796875 "B" TextNode <#text> (not painted) BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer <(anonymous)> at [0,86] [0+0+0 800 0+0+0] [0+0+0 0 0+0+0] children: inline TextNode <#text> (not painted) Box at [1,97] flex-container(row) [0+1+0 500 0+1+298] [10+1+0 20 0+1+0] [FFC] children: not-inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer at [2,98] flex-item [0+1+0 165.328125 0+1+0] [0+1+0 18 0+1+0] [BFC] children: inline frag 0 from TextNode start: 0, length: 6, rect: [2,98 49.546875x18] baseline: 13.796875 "Flex 1" TextNode <#text> (not painted) BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer at [169.328125,98] flex-item [0+1+0 330.671875 0+1+0] [0+1+0 18 0+1+0] [BFC] children: inline frag 0 from TextNode start: 0, length: 6, rect: [169.328125,98 52.015625x18] baseline: 13.796875 "Flex 2" TextNode <#text> (not painted) BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> (not painted) BlockContainer <(anonymous)> at [0,118] [0+0+0 800 0+0+0] [0+0+0 0 0+0+0] children: inline TextNode <#text> (not painted) ViewportPaintable (Viewport<#document>) [0,0 800x600] PaintableWithLines (BlockContainer) [0,0 800x118] PaintableWithLines (BlockContainer) [0,0 800x118] PaintableBox (Box
.container) [0,0 502x22] PaintableWithLines (BlockContainer
.item) [1,1 52x20] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer
.item) [53,1 102x20] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [0,22 800x0] PaintableBox (Box
.container) [0,32 502x54] PaintableWithLines (BlockContainer
.item) [1,33 152x52] PaintableWithLines (BlockContainer(anonymous)) [2,34 150x0] PaintableWithLines (BlockContainer
) [2,34 150x30] PaintableWithLines (BlockContainer(anonymous)) [2,64 150x0] PaintableWithLines (BlockContainer
.item) [153,33 102x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [0,86 800x0] PaintableBox (Box
.container) [0,96 502x22] PaintableWithLines (BlockContainer
.item) [1,97 167.328125x20] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer
.item) [168.328125,97 332.671875x20] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [0,118 800x0] SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto) SC for BlockContainer [0,0 800x118] [children: 0] (z-index: auto)