Viewport <#document> at (0,0) content-size 800x600 children: not-inline BlockContainer at (0,0) content-size 800x116 [BFC] children: not-inline Box at (8,8) content-size 400x100 flex-container(column) [FFC] children: not-inline Box at (8,8) content-size 400x17.46875 flex-container(row) flex-item [FFC] children: not-inline BlockContainer <(anonymous)> at (8,8) content-size 348.609375x17.46875 flex-item [BFC] children: inline line 0 width: 348.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 frag 0 from TextNode start: 0, length: 40, rect: [8,8 348.609375x17.46875] "The orange box should have a snug height" TextNode <#text> BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: inline TextNode <#text>