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] [0+0+0 800 0+0+0] [0+0+0 42 0+0+0] [BFC] children: not-inline
    BlockContainer <body> at [8,8] [8+0+0 784 0+0+8] [8+0+0 26 0+0+8] children: not-inline
      Box <div.grid> at [8,8] [0+0+0 784 0+0+0] [0+0+0 26 0+0+0] [GFC] children: not-inline
        BlockContainer <div> at [8,8] [0+0+0 784 0+0+0] [0+0+0 26 0+0+0] [BFC] children: not-inline
          BlockContainer <div.left> at [8,8] floating [0+0+0 6.34375 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x16] baseline: 12.796875
                "1"
            TextNode <#text> (not painted)
          TableWrapper <(anonymous)> at [14.34375,8] floating [0+0+0 156.796875 0+0+0] [0+0+0 26 0+0+0] [BFC] children: not-inline
            Box <table.middle> at [15.34375,9] table-box [0+1+0 154.796875 0+1+0] [0+1+0 24 0+1+0] [TFC] children: not-inline
              Box <tbody> at [17.34375,11] table-row-group [0+0+0 150.796875 0+0+0] [0+0+0 20 0+0+0] children: not-inline
                Box <tr> at [17.34375,11] table-row [0+0+0 150.796875 0+0+0] [0+0+0 20 0+0+0] children: not-inline
                  BlockContainer <td> at [19.34375,13] table-cell [0+1+1 69.59375 1+1+0] [0+1+1 16 1+1+0] [BFC] children: inline
                    frag 0 from TextNode start: 0, length: 1, rect: [19.34375,13 8.8125x16] baseline: 12.796875
                        "2"
                    TextNode <#text> (not painted)
                  BlockContainer <td> at [94.9375,13] table-cell [0+1+1 71.203125 1+1+0] [0+1+1 16 1+1+0] [BFC] children: inline
                    frag 0 from TextNode start: 0, length: 1, rect: [94.9375,13 9.09375x16] baseline: 12.796875
                        "3"
                    TextNode <#text> (not painted)
          BlockContainer <div.right> at [171.140625,8] floating [0+0+0 7.75 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 1, rect: [171.140625,8 7.75x16] baseline: 12.796875
                "4"
            TextNode <#text> (not painted)
      BlockContainer <(anonymous)> at [8,34] [0+0+0 784 0+0+0] [0+0+0 0 0+0+0] children: inline
        TextNode <#text> (not painted)

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x42]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x26]
      Paintable (Box<DIV>.grid) [8,8 784x26]
        PaintableWithLines (BlockContainer<DIV>) [8,8 784x26]
          PaintableWithLines (BlockContainer<DIV>.left) [8,8 6.34375x16]
          PaintableWithLines (TableWrapper(anonymous)) [14.34375,8 156.796875x26]
            Paintable (Box<TABLE>.middle) [14.34375,8 156.796875x26]
              Paintable (Box<TBODY>) [17.34375,11 150.796875x20]
                Paintable (Box<TR>) [17.34375,11 150.796875x20]
                  PaintableWithLines (BlockContainer<TD>) [17.34375,11 73.59375x20]
                  PaintableWithLines (BlockContainer<TD>) [92.9375,11 75.203125x20]
          PaintableWithLines (BlockContainer<DIV>.right) [171.140625,8 7.75x16]
      PaintableWithLines (BlockContainer(anonymous)) [8,34 784x0]

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