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 632 0+0+0] [BFC] children: not-inline
    BlockContainer <body> at [8,8] [8+0+0 784 0+0+8] [8+0+0 604 0+0+8] children: not-inline
      BlockContainer <div> at [8,8] [0+0+0 784 0+0+0] [0+0+0 136 0+0+0] children: not-inline
        BlockContainer <(anonymous)> at [8,8] [0+0+0 784 0+0+0] [0+0+0 16 0+0+0] children: inline
          frag 0 from TextNode start: 0, length: 53, rect: [8,8 436.625x16] baseline: 12.796875
              "This text and the green square are both left aligned:"
          TextNode <#text> (not painted)
        BlockContainer <div.square> at [28,44] [20+0+0 100 0+0+664] [20+0+0 100 0+0+20] children: not-inline
      BlockContainer <(anonymous)> at [8,164] [0+0+0 784 0+0+0] [0+0+0 0 0+0+0] children: inline
        TextNode <#text> (not painted)
      BlockContainer <div> at [8,164] [0+0+0 784 0+0+0] [0+0+0 136 0+0+0] children: not-inline
        BlockContainer <(anonymous)> at [8,164] [0+0+0 784 0+0+0] [0+0+0 16 0+0+0] children: inline
          frag 0 from TextNode start: 0, length: 49, rect: [190.65625,164 418.6875x16] baseline: 12.796875
              "This text and the green square are both centered:"
          TextNode <#text> (not painted)
        BlockContainer <div.square> at [350,200] [20+0+0 100 0+0+664] [20+0+0 100 0+0+20] children: not-inline
      BlockContainer <(anonymous)> at [8,320] [0+0+0 784 0+0+0] [0+0+0 0 0+0+0] children: inline
        TextNode <#text> (not painted)
      BlockContainer <div> at [8,320] [0+0+0 784 0+0+0] [0+0+0 136 0+0+0] children: not-inline
        BlockContainer <(anonymous)> at [8,320] [0+0+0 784 0+0+0] [0+0+0 16 0+0+0] children: inline
          frag 0 from TextNode start: 0, length: 54, rect: [344.515625,320 447.484375x16] baseline: 12.796875
              "This text and the green square are both right aligned:"
          TextNode <#text> (not painted)
        BlockContainer <div.square> at [672,356] [20+0+0 100 0+0+664] [20+0+0 100 0+0+20] children: not-inline
      BlockContainer <(anonymous)> at [8,476] [0+0+0 784 0+0+0] [0+0+0 0 0+0+0] children: inline
        TextNode <#text> (not painted)
      BlockContainer <div> at [8,476] [0+0+0 784 0+0+0] [0+0+0 136 0+0+0] children: not-inline
        BlockContainer <(anonymous)> at [8,476] [0+0+0 784 0+0+0] [0+0+0 16 0+0+0] children: inline
          frag 0 from TextNode start: 0, length: 4, rect: [8,476 35.5x16] baseline: 12.796875
              "This"
          frag 1 from TextNode start: 4, length: 1, rect: [43.5,476 8x16] baseline: 12.796875
              " "
          frag 2 from TextNode start: 5, length: 4, rect: [51.5,476 32.140625x16] baseline: 12.796875
              "text"
          frag 3 from TextNode start: 9, length: 1, rect: [83.640625,476 8x16] baseline: 12.796875
              " "
          frag 4 from TextNode start: 10, length: 2, rect: [91.640625,476 13.90625x16] baseline: 12.796875
              "is"
          frag 5 from TextNode start: 12, length: 1, rect: [105.546875,476 8x16] baseline: 12.796875
              " "
          frag 6 from TextNode start: 13, length: 6, rect: [113.546875,476 34.78125x16] baseline: 12.796875
              "'full-"
          frag 7 from TextNode start: 19, length: 10, rect: [148.328125,476 68.1875x16] baseline: 12.796875
              "justified'"
          frag 8 from TextNode start: 29, length: 1, rect: [216.515625,476 8x16] baseline: 12.796875
              " "
          frag 9 from TextNode start: 30, length: 3, rect: [224.515625,476 26.8125x16] baseline: 12.796875
              "and"
          frag 10 from TextNode start: 33, length: 1, rect: [251.328125,476 8x16] baseline: 12.796875
              " "
          frag 11 from TextNode start: 34, length: 3, rect: [259.328125,476 24.875x16] baseline: 12.796875
              "the"
          frag 12 from TextNode start: 37, length: 1, rect: [284.203125,476 8x16] baseline: 12.796875
              " "
          frag 13 from TextNode start: 38, length: 5, rect: [292.203125,476 43.4375x16] baseline: 12.796875
              "green"
          frag 14 from TextNode start: 43, length: 1, rect: [335.640625,476 8x16] baseline: 12.796875
              " "
          frag 15 from TextNode start: 44, length: 6, rect: [343.640625,476 57.0625x16] baseline: 12.796875
              "square"
          frag 16 from TextNode start: 50, length: 1, rect: [400.703125,476 8x16] baseline: 12.796875
              " "
          frag 17 from TextNode start: 51, length: 2, rect: [408.703125,476 13.90625x16] baseline: 12.796875
              "is"
          frag 18 from TextNode start: 53, length: 1, rect: [422.609375,476 8x16] baseline: 12.796875
              " "
          frag 19 from TextNode start: 54, length: 4, rect: [430.609375,476 26.25x16] baseline: 12.796875
              "left"
          frag 20 from TextNode start: 58, length: 1, rect: [456.859375,476 8x16] baseline: 12.796875
              " "
          frag 21 from TextNode start: 59, length: 8, rect: [464.859375,476 55.671875x16] baseline: 12.796875
              "aligned:"
          TextNode <#text> (not painted)
        BlockContainer <div.square> at [28,512] [20+0+0 100 0+0+664] [20+0+0 100 0+0+20] children: not-inline
      BlockContainer <(anonymous)> at [8,632] [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] overflow: [0,0 800x632]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x632]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x604]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x136]
        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x16]
        PaintableWithLines (BlockContainer<DIV>.square) [28,44 100x100]
      PaintableWithLines (BlockContainer(anonymous)) [8,164 784x0]
      PaintableWithLines (BlockContainer<DIV>) [8,164 784x136]
        PaintableWithLines (BlockContainer(anonymous)) [8,164 784x16]
        PaintableWithLines (BlockContainer<DIV>.square) [350,200 100x100]
      PaintableWithLines (BlockContainer(anonymous)) [8,320 784x0]
      PaintableWithLines (BlockContainer<DIV>) [8,320 784x136]
        PaintableWithLines (BlockContainer(anonymous)) [8,320 784x16]
        PaintableWithLines (BlockContainer<DIV>.square) [672,356 100x100]
      PaintableWithLines (BlockContainer(anonymous)) [8,476 784x0]
      PaintableWithLines (BlockContainer<DIV>) [8,476 784x136]
        PaintableWithLines (BlockContainer(anonymous)) [8,476 784x16]
        PaintableWithLines (BlockContainer<DIV>.square) [28,512 100x100]
      PaintableWithLines (BlockContainer(anonymous)) [8,632 784x0]

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