layer at (0,0) size 800x600 scrollHeight 826
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x826 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600
  LayoutNGBlockFlow {HTML} at (0,0) size 800x825.88
    LayoutNGBlockFlow {BODY} at (8,8) size 784x809.88 [bgcolor=#CCCCCC]
      LayoutNGBlockFlow {P} at (0,0) size 784x20
        LayoutText {#text} at (0,0) size 355x19
          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
      LayoutNGBlockFlow {PRE} at (0,33) size 784x144
        LayoutText {#text} at (0,0) size 616x128
          text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
          text run at (392,0) width 0: " "
          text run at (0,16) width 0: " "
          text run at (0,32) width 384: "DIV.menu {float: left; clear: left; width: 11em;"
          text run at (384,32) width 0: " "
          text run at (0,48) width 464: "          margin: 0; margin-bottom: 10px; padding: 0.5em;}"
          text run at (464,48) width 0: " "
          text run at (0,64) width 432: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}"
          text run at (432,64) width 0: " "
          text run at (0,80) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
          text run at (448,80) width 0: " "
          text run at (0,96) width 616: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
          text run at (616,96) width 0: " "
          text run at (0,112) width 480: "             color: black; background: yellow; clear: none;}"
          text run at (480,112) width 0: " "
          text run at (0,128) width 0: " "
      LayoutNGBlockFlow (floating) {DIV} at (0,200) size 192x125.38 [color=#FFFFFF] [bgcolor=#008000]
        LayoutNGBlockFlow {H1} at (8,8) size 176x23
          LayoutText {#text} at (0,0) size 84x22
            text run at (0,0) width 84: "Top menu"
        LayoutNGBlockFlow {UL} at (24,34.19) size 155.20x80
          LayoutNGListItem {LI} at (0,0) size 155.20x20
            LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
              LayoutText (anonymous) at (0,0) size 10x19
                text run at (0,0) width 10: "\x{2022} "
            LayoutText {#text} at (0,0) size 35x19
              text run at (0,0) width 35: "green"
          LayoutNGListItem {LI} at (0,20) size 155.20x20
            LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
              LayoutText (anonymous) at (0,0) size 10x19
                text run at (0,0) width 10: "\x{2022} "
            LayoutText {#text} at (0,0) size 62x19
              text run at (0,0) width 62: "white text"
          LayoutNGListItem {LI} at (0,40) size 155.20x20
            LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
              LayoutText (anonymous) at (0,0) size 10x19
                text run at (0,0) width 10: "\x{2022} "
            LayoutText {#text} at (0,0) size 94x19
              text run at (0,0) width 94: "0.5em padding"
          LayoutNGListItem {LI} at (0,60) size 155.20x20
            LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
              LayoutText (anonymous) at (0,0) size 10x19
                text run at (0,0) width 10: "\x{2022} "
            LayoutText {#text} at (0,0) size 87x19
              text run at (0,0) width 87: "0.5em margin"
      LayoutNGBlockFlow (floating) {DIV} at (0,335.38) size 192x125.38 [color=#FFFFFF] [bgcolor=#0000FF]
        LayoutNGBlockFlow {H1} at (8,8) size 176x23
          LayoutText {#text} at (0,0) size 112x22
            text run at (0,0) width 112: "Bottom menu"
        LayoutNGBlockFlow {UL} at (24,34.19) size 155.20x80
          LayoutNGListItem {LI} at (0,0) size 155.20x20
            LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
              LayoutText (anonymous) at (0,0) size 10x19
                text run at (0,0) width 10: "\x{2022} "
            LayoutText {#text} at (0,0) size 106x19
              text run at (0,0) width 106: "blue background"
          LayoutNGListItem {LI} at (0,20) size 155.20x20
            LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
              LayoutText (anonymous) at (0,0) size 10x19
                text run at (0,0) width 10: "\x{2022} "
            LayoutText {#text} at (0,0) size 62x19
              text run at (0,0) width 62: "white text"
          LayoutNGListItem {LI} at (0,40) size 155.20x20
            LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
              LayoutText (anonymous) at (0,0) size 10x19
                text run at (0,0) width 10: "\x{2022} "
            LayoutText {#text} at (0,0) size 94x19
              text run at (0,0) width 94: "0.5em padding"
          LayoutNGListItem {LI} at (0,60) size 155.20x20
            LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
              LayoutText (anonymous) at (0,0) size 10x19
                text run at (0,0) width 10: "\x{2022} "
            LayoutText {#text} at (0,0) size 87x19
              text run at (0,0) width 87: "0.5em margin"
      LayoutNGBlockFlow {DIV} at (224,200) size 528x235.88 [bgcolor=#FFFF00]
        LayoutNGBlockFlow {H1} at (8,29.44) size 512x37
          LayoutText {#text} at (0,0) size 275x36
            text run at (0,0) width 275: "The 'clear' property"
        LayoutNGBlockFlow {P} at (8,87.88) size 512x100
          LayoutText {#text} at (0,0) size 512x99
            text run at (0,0) width 512: "This page has two floating \"menus\" on the side; one has a green background,"
            text run at (0,20) width 512: "and the other a blue background. Due to settings on the 'float' and 'clear'"
            text run at (0,40) width 512: "properties, the two menus should appear on the left side of the page, the blue"
            text run at (0,60) width 512: "below the green. There should be a 10px gap between the two menus. There"
            text run at (0,80) width 459: "should also be a 10px gap between the top menu and the top of the page."
        LayoutNGBlockFlow {P} at (8,187.88) size 512x40
          LayoutText {#text} at (0,0) size 512x39
            text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should be"
            text run at (0,20) width 331: "vertically aligned with the top of the green rectangle."
      LayoutTable {TABLE} at (192,435.88) size 592x374 [border: (1px outset #808080)]
        LayoutTableSection {TBODY} at (1,1) size 590x372
          LayoutTableRow {TR} at (0,0) size 590x28
            LayoutNGTableCell {TD} at (0,0) size 590x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              LayoutInline {STRONG} at (0,0) size 0x0
                LayoutText {#text} at (4,4) size 161x19
                  text run at (4,4) width 161: "TABLE Testing Section"
          LayoutTableRow {TR} at (0,28) size 590x344
            LayoutNGTableCell {TD} at (0,186) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              LayoutText {#text} at (4,162) size 4x19
                text run at (4,162) width 4: " "
            LayoutNGTableCell {TD} at (12,28) size 578x343.88 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              LayoutNGBlockFlow (floating) {DIV} at (4,4) size 192x125.38 [color=#FFFFFF] [bgcolor=#008000]
                LayoutNGBlockFlow {H1} at (8,8) size 176x23
                  LayoutText {#text} at (0,0) size 84x22
                    text run at (0,0) width 84: "Top menu"
                LayoutNGBlockFlow {UL} at (24,34.19) size 155.20x80
                  LayoutNGListItem {LI} at (0,0) size 155.20x20
                    LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
                      LayoutText (anonymous) at (0,0) size 10x19
                        text run at (0,0) width 10: "\x{2022} "
                    LayoutText {#text} at (0,0) size 35x19
                      text run at (0,0) width 35: "green"
                  LayoutNGListItem {LI} at (0,20) size 155.20x20
                    LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
                      LayoutText (anonymous) at (0,0) size 10x19
                        text run at (0,0) width 10: "\x{2022} "
                    LayoutText {#text} at (0,0) size 62x19
                      text run at (0,0) width 62: "white text"
                  LayoutNGListItem {LI} at (0,40) size 155.20x20
                    LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
                      LayoutText (anonymous) at (0,0) size 10x19
                        text run at (0,0) width 10: "\x{2022} "
                    LayoutText {#text} at (0,0) size 94x19
                      text run at (0,0) width 94: "0.5em padding"
                  LayoutNGListItem {LI} at (0,60) size 155.20x20
                    LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
                      LayoutText (anonymous) at (0,0) size 10x19
                        text run at (0,0) width 10: "\x{2022} "
                    LayoutText {#text} at (0,0) size 87x19
                      text run at (0,0) width 87: "0.5em margin"
              LayoutNGBlockFlow (floating) {DIV} at (4,139.38) size 192x125.38 [color=#FFFFFF] [bgcolor=#0000FF]
                LayoutNGBlockFlow {H1} at (8,8) size 176x23
                  LayoutText {#text} at (0,0) size 112x22
                    text run at (0,0) width 112: "Bottom menu"
                LayoutNGBlockFlow {UL} at (24,34.19) size 155.20x80
                  LayoutNGListItem {LI} at (0,0) size 155.20x20
                    LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
                      LayoutText (anonymous) at (0,0) size 10x19
                        text run at (0,0) width 10: "\x{2022} "
                    LayoutText {#text} at (0,0) size 106x19
                      text run at (0,0) width 106: "blue background"
                  LayoutNGListItem {LI} at (0,20) size 155.20x20
                    LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
                      LayoutText (anonymous) at (0,0) size 10x19
                        text run at (0,0) width 10: "\x{2022} "
                    LayoutText {#text} at (0,0) size 62x19
                      text run at (0,0) width 62: "white text"
                  LayoutNGListItem {LI} at (0,40) size 155.20x20
                    LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
                      LayoutText (anonymous) at (0,0) size 10x19
                        text run at (0,0) width 10: "\x{2022} "
                    LayoutText {#text} at (0,0) size 94x19
                      text run at (0,0) width 94: "0.5em padding"
                  LayoutNGListItem {LI} at (0,60) size 155.20x20
                    LayoutNGBlockFlow (anonymous) at (-18,0) size 10x20
                      LayoutText (anonymous) at (0,0) size 10x19
                        text run at (0,0) width 10: "\x{2022} "
                    LayoutText {#text} at (0,0) size 87x19
                      text run at (0,0) width 87: "0.5em margin"
              LayoutNGBlockFlow {DIV} at (228,4) size 314x335.88 [bgcolor=#FFFF00]
                LayoutNGBlockFlow {H1} at (8,29.44) size 298x37
                  LayoutText {#text} at (0,0) size 275x36
                    text run at (0,0) width 275: "The 'clear' property"
                LayoutNGBlockFlow {P} at (8,87.88) size 298x180
                  LayoutText {#text} at (0,0) size 298x179
                    text run at (0,0) width 298: "This page has two floating \"menus\" on the"
                    text run at (0,20) width 298: "side; one has a green background, and the"
                    text run at (0,40) width 298: "other a blue background. Due to settings on the"
                    text run at (0,60) width 298: "'float' and 'clear' properties, the two menus"
                    text run at (0,80) width 298: "should appear on the left side of the page, the"
                    text run at (0,100) width 298: "blue below the green. There should be a 10px"
                    text run at (0,120) width 298: "gap between the two menus. There should also"
                    text run at (0,140) width 298: "be a 10px gap between the top menu and the"
                    text run at (0,160) width 98: "top of the page."
                LayoutNGBlockFlow {P} at (8,267.88) size 298x60
                  LayoutText {#text} at (0,0) size 298x59
                    text run at (0,0) width 298: "The top of the yellow rectangle (to which this"
                    text run at (0,20) width 298: "paragraph belongs) should be vertically aligned"
                    text run at (0,40) width 219: "with the top of the green rectangle."
layer at (8,198) size 784x2 clip at (0,0) size 0x0
  LayoutNGBlockFlow {HR} at (0,190) size 784x2 [border: (1px inset #EEEEEE)]