Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] [BFC] children: not-inline
  BlockContainer <html> at [0,0] positioned [0+0+0 400 0+0+400] [0+0+0 200 0+0+0] [BFC] children: not-inline
    Box <body> at [0,0] positioned flex-container(row) [0+0+0 200 0+0+0] [0+0+0 30 0+0+0] [FFC] children: not-inline
      BlockContainer <div.l1> at [0,0] flex-item [0+0+0 200 0+0+0] [0+0+0 30 0+0+0] [BFC] children: not-inline
        BlockContainer <div.l2> at [0,0] [0+0+0 200 0+0+0] [0+0+0 30 0+0+0] children: not-inline
          BlockContainer <div.l3> at [0,0] [0+0+0 200 0+0+0] [0+0+0 15 0+0+0] children: not-inline
            BlockContainer <div.content> at [0,0] [0+0+0 50 0+0+150] [0+0+0 30 0+0+0] children: not-inline
      BlockContainer <(anonymous)> (not painted) [BFC] children: inline
        TextNode <#text> (not painted)

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 400x200]
    PaintableBox (Box<BODY>) [0,0 200x30]
      PaintableWithLines (BlockContainer<DIV>.l1) [0,0 200x30]
        PaintableWithLines (BlockContainer<DIV>.l2) [0,0 200x30]
          PaintableWithLines (BlockContainer<DIV>.l3) [0,0 200x15]
            PaintableWithLines (BlockContainer<DIV>.content) [0,0 50x30]

SC for Viewport<#document> [0,0 800x600] (z-index: auto)
 SC for BlockContainer<HTML> [0,0 400x200] (z-index: auto)
