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 [1,1] [0+1+0 798 0+1+0] [0+1+0 264 0+1+0] [BFC] children: not-inline
    BlockContainer <body> at [10,10] [8+1+0 780 0+1+8] [8+1+0 246 0+1+8] children: not-inline
      Box <div.grid> at [31,31] [0+1+20 738 20+1+0] [0+1+20 40 20+1+0] [GFC] children: not-inline
        BlockContainer <div.start> at [32,32] [0+1+0 50.203125 0+1+305.5625] [0+1+0 18 0+1+20] [BFC] children: inline
          frag 0 from TextNode start: 0, length: 6, rect: [32,32 50.203125x18] baseline: 13.796875
              "Start1"
          TextNode <#text> (not painted)
        BlockContainer <div.item-padding> at [399.765625,42] [0+1+10 358.234375 10+1+0] [0+1+10 18 10+1+0] [BFC] children: inline
          frag 0 from TextNode start: 0, length: 6, rect: [399.765625,42 52.671875x18] baseline: 13.796875
              "Start2"
          TextNode <#text> (not painted)
      BlockContainer <(anonymous)> at [10,92] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
        TextNode <#text> (not painted)
      Box <div.grid> at [31,113] [0+1+20 738 20+1+0] [0+1+20 40 20+1+0] [GFC] children: not-inline
        BlockContainer <div.center> at [180.1875,124] [148.1875+1+0 59.390625 0+1+148.1875] [10+1+0 18 0+1+10] [BFC] children: inline
          frag 0 from TextNode start: 0, length: 7, rect: [180.1875,124 59.390625x18] baseline: 13.796875
              "Center1"
          TextNode <#text> (not painted)
        BlockContainer <div.item-padding> at [399.765625,124] [0+1+10 358.234375 10+1+0] [0+1+10 18 10+1+0] [BFC] children: inline
          frag 0 from TextNode start: 0, length: 7, rect: [399.765625,124 61.859375x18] baseline: 13.796875
              "Center2"
          TextNode <#text> (not painted)
      BlockContainer <(anonymous)> at [10,174] [0+0+0 780 0+0+0] [0+0+0 0 0+0+0] children: inline
        TextNode <#text> (not painted)
      Box <div.grid> at [31,195] [0+1+20 738 20+1+0] [0+1+20 40 20+1+0] [GFC] children: not-inline
        BlockContainer <div.end> at [352.09375,216] [320.09375+1+0 35.671875 0+1+0] [20+1+0 18 0+1+0] [BFC] children: inline
          frag 0 from TextNode start: 0, length: 4, rect: [352.09375,216 35.671875x18] baseline: 13.796875
              "End1"
          TextNode <#text> (not painted)
        BlockContainer <div.item-padding> at [399.765625,206] [0+1+10 358.234375 10+1+0] [0+1+10 18 10+1+0] [BFC] children: inline
          frag 0 from TextNode start: 0, length: 4, rect: [399.765625,206 38.140625x18] baseline: 13.796875
              "End2"
          TextNode <#text> (not painted)

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x266]
    PaintableWithLines (BlockContainer<BODY>) [9,9 782x248]
      PaintableBox (Box<DIV>.grid) [10,10 780x82]
        PaintableWithLines (BlockContainer<DIV>.start) [31,31 52.203125x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.item-padding) [388.765625,31 380.234375x40]
          TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer(anonymous)) [10,92 780x0]
      PaintableBox (Box<DIV>.grid) [10,92 780x82]
        PaintableWithLines (BlockContainer<DIV>.center) [179.1875,123 61.390625x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.item-padding) [388.765625,113 380.234375x40]
          TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer(anonymous)) [10,174 780x0]
      PaintableBox (Box<DIV>.grid) [10,174 780x82]
        PaintableWithLines (BlockContainer<DIV>.end) [351.09375,215 37.671875x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.item-padding) [388.765625,195 380.234375x40]
          TextPaintable (TextNode<#text>)

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