Viewport <#document> at (0,0) content-size 800x600 children: not-inline
  BlockContainer <html> at (0,0) content-size 800x216 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x200 children: not-inline
      Box <div.grid> at (8,8) content-size 784x200 [GFC] children: not-inline
        BlockContainer <div#a> at (8,8) content-size 100x100 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x18] baseline: 13.796875
              "1"
          TextNode <#text>
        BlockContainer <div#b> at (108,8) content-size 387.453125x200 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 1, rect: [108,8 8.8125x18] baseline: 13.796875
              "2"
          TextNode <#text>
        BlockContainer <div#c> at (495.453125,8) content-size 296.546875x100 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 1, rect: [495.453125,8 9.09375x18] baseline: 13.796875
              "3"
          TextNode <#text>
        BlockContainer <div#d> at (495.453125,108) content-size 296.546875x100 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 1, rect: [495.453125,108 7.75x18] baseline: 13.796875
              "4"
          TextNode <#text>

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x216]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x200]
      PaintableBox (Box<DIV>.grid) [8,8 784x200]
        PaintableWithLines (BlockContainer<DIV>#a) [8,8 100x100]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>#b) [108,8 387.453125x200]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>#c) [495.453125,8 296.546875x100]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>#d) [495.453125,108 296.546875x100]
          TextPaintable (TextNode<#text>)
