Viewport <#document> at (0,0) content-size 800x600 children: not-inline
  BlockContainer <html> at (1,1) content-size 798x470 [BFC] children: not-inline
    BlockContainer <body> at (10,10) content-size 780x452 children: not-inline
      Box <div.grid> at (11,11) content-size 500x450 [GFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text>
        BlockContainer <div.left-margin-auto.right-margin-auto> at (99.71875,12) content-size 322.5625x18 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 38, rect: [99.71875,12 322.5625x18] baseline: 13.796875
              "auto horizontal margins and auto width"
          TextNode <#text>
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text>
        BlockContainer <div.left-margin-auto> at (252.375,32) content-size 257.625x18 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 31, rect: [252.375,32 257.625x18] baseline: 13.796875
              "auto left margin and auto width"
          TextNode <#text>
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text>
        BlockContainer <div.right-margin-auto> at (12,52) content-size 268.484375x18 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 32, rect: [12,52 268.484375x18] baseline: 13.796875
              "auto right margin and auto width"
          TextNode <#text>
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text>
        BlockContainer <div.left-margin-auto.right-margin-auto.fit-content-width> at (75.25,72) content-size 371.484375x18 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 45, rect: [75.25,72 371.484375x18] baseline: 13.796875
              "auto horizontal margins and fit-content width"
          TextNode <#text>
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text>
        BlockContainer <div.left-margin-auto.fit-content-width> at (203.453125,92) content-size 306.546875x18 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 38, rect: [203.453125,92 306.546875x18] baseline: 13.796875
              "auto left margin and fit-content width"
          TextNode <#text>
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text>
        BlockContainer <div.right-margin-auto.fit-content-width> at (12,112) content-size 317.40625x18 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 39, rect: [12,112 317.40625x18] baseline: 13.796875
              "auto right margin and fit-content width"
          TextNode <#text>
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text>
        BlockContainer <div.left-margin-auto.right-margin-auto.fixed-width> at (236,132) content-size 50x108 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 4, rect: [236,132 36.328125x18] baseline: 13.796875
              "auto"
          frag 1 from TextNode start: 5, length: 10, rect: [236,150 81.84375x18] baseline: 13.796875
              "horizontal"
          frag 2 from TextNode start: 16, length: 7, rect: [236,168 61.453125x18] baseline: 13.796875
              "margins"
          frag 3 from TextNode start: 24, length: 3, rect: [236,186 26.8125x18] baseline: 13.796875
              "and"
          frag 4 from TextNode start: 28, length: 5, rect: [236,204 37.28125x18] baseline: 13.796875
              "fixed"
          frag 5 from TextNode start: 34, length: 5, rect: [236,222 39.796875x18] baseline: 13.796875
              "width"
          TextNode <#text>
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text>
        BlockContainer <div.left-margin-auto.fixed-width> at (460,242) content-size 50x108 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 4, rect: [460,242 36.328125x18] baseline: 13.796875
              "auto"
          frag 1 from TextNode start: 5, length: 4, rect: [460,260 26.25x18] baseline: 13.796875
              "left"
          frag 2 from TextNode start: 10, length: 6, rect: [460,278 52.109375x18] baseline: 13.796875
              "margin"
          frag 3 from TextNode start: 17, length: 3, rect: [460,296 26.8125x18] baseline: 13.796875
              "and"
          frag 4 from TextNode start: 21, length: 5, rect: [460,314 37.28125x18] baseline: 13.796875
              "fixed"
          frag 5 from TextNode start: 27, length: 5, rect: [460,332 39.796875x18] baseline: 13.796875
              "width"
          TextNode <#text>
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text>
        BlockContainer <div.right-margin-auto.fixed-width> at (12,352) content-size 50x108 [BFC] children: inline
          frag 0 from TextNode start: 0, length: 4, rect: [12,352 36.328125x18] baseline: 13.796875
              "auto"
          frag 1 from TextNode start: 5, length: 5, rect: [12,370 37.109375x18] baseline: 13.796875
              "right"
          frag 2 from TextNode start: 11, length: 6, rect: [12,388 52.109375x18] baseline: 13.796875
              "margin"
          frag 3 from TextNode start: 18, length: 3, rect: [12,406 26.8125x18] baseline: 13.796875
              "and"
          frag 4 from TextNode start: 22, length: 5, rect: [12,424 37.28125x18] baseline: 13.796875
              "fixed"
          frag 5 from TextNode start: 28, length: 5, rect: [12,442 39.796875x18] baseline: 13.796875
              "width"
          TextNode <#text>
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text>
      BlockContainer <(anonymous)> at (10,462) content-size 780x0 children: inline
        TextNode <#text>

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x472]
    PaintableWithLines (BlockContainer<BODY>) [9,9 782x454]
      PaintableBox (Box<DIV>.grid) [10,10 502x452] overflow: [11,11 501.109375x450]
        PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto) [98.71875,11 324.5625x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.left-margin-auto) [251.375,31 259.625x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.right-margin-auto) [11,51 270.484375x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto.fit-content-width) [74.25,71 373.484375x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.left-margin-auto.fit-content-width) [202.453125,91 308.546875x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.right-margin-auto.fit-content-width) [11,111 319.40625x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto.fixed-width) [235,131 52x110] overflow: [236,132 81.84375x108]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.left-margin-auto.fixed-width) [459,241 52x110] overflow: [460,242 52.109375x108]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.right-margin-auto.fixed-width) [11,351 52x110] overflow: [12,352 52.109375x108]
          TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer(anonymous)) [10,462 780x0]
