Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer at (0,0) content-size 800x600 [BFC] children: not-inline BlockContainer at (8,8) content-size 784x104 children: not-inline Box at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline TextNode <#text> BlockContainer at (10,10) content-size 62.666664x100 flex-item [BFC] children: inline line 0 width: 18.9375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 3, rect: [10,10 18.9375x17.46875] "1 I" line 1 width: 49.359375, height: 17.9375, bottom: 35.40625, baseline: 13.53125 frag 0 from TextNode start: 4, length: 6, rect: [10,27 49.359375x17.46875] "shrink" line 2 width: 24.875, height: 18.40625, bottom: 53.34375, baseline: 13.53125 frag 0 from TextNode start: 11, length: 3, rect: [10,44 24.875x17.46875] "the" line 3 width: 38.765625, height: 17.875, bottom: 70.28125, baseline: 13.53125 frag 0 from TextNode start: 15, length: 4, rect: [10,62 38.765625x17.46875] "most" TextNode <#text> BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline TextNode <#text> BlockContainer at (74.666664,10) content-size 81.333328x100 flex-item [BFC] children: inline line 0 width: 78.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 10, rect: [74.666664,10 78.765625x17.46875] "2 I shrink" TextNode <#text> BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline TextNode <#text> BlockContainer at (158,10) content-size 100x100 flex-item [BFC] children: inline line 0 width: 68, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 9, rect: [158,10 68x17.46875] "3 I don't" TextNode <#text> BlockContainer <(anonymous)> at (9,9) content-size 0x0 [BFC] children: inline TextNode <#text> BlockContainer <(anonymous)> at (8,112) content-size 784x0 children: inline TextNode <#text>