Viewport <#document> at (0,0) content-size 800x600 children: not-inline
  BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
    BlockContainer <body> at (10,10) content-size 780x12 children: not-inline
      BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline
        TextNode <#text>
      Box <div.flex-container> at (11,11) content-size 600x10 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> at (11,11) content-size 0x0 [BFC] children: inline
          TextNode <#text>
        BlockContainer <div.flex-item> at (12,72) content-size 27.15625x18.000007 flex-item [BFC] children: inline
          line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
            frag 0 from TextNode start: 0, length: 3, rect: [12,72 27.15625x17.46875]
              "foo"
          TextNode <#text>
        BlockContainer <(anonymous)> at (11,11) content-size 0x0 [BFC] children: inline
          TextNode <#text>
