layer at (0,0) size 800x600
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x442
  RenderBlock {HTML} at (0,0) size 800x442
    RenderBody {BODY} at (8,8) size 784x426 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 385x17
          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 160x32
          text run at (0,0) width 152: ".one {float: left;}"
          text run at (0,16) width 160: ".two {float: right;}"
      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
      RenderImage {IMG} at (0,107) size 15x50 [bgcolor=#000000]
      RenderBlock {P} at (0,109) size 784x34 [bgcolor=#000000]
        RenderText {TEXT} at (15,0) size 763x34
          text run at (15,0) width 651: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
          text run at (666,0) width 112: "In this case, it is"
          text run at (15,17) width 306: "the image which has been floated to the left."
      RenderBlock (anonymous) at (0,157) size 784x17 [bgcolor=#000000]
        RenderBR {BR} at (0,0) size 0x0
      RenderBlock {HR} at (1,186) size 782x2 [bgcolor=#000000]
      RenderImage {IMG} at (769,200) size 15x50 [bgcolor=#000000]
      RenderBlock {P} at (0,202) size 784x34 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 757x34
          text run at (0,0) width 661: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
          text run at (661,0) width 96: "In this case, it"
          text run at (0,17) width 332: "is the image which has been floated to the right."
      RenderTable {TABLE} at (0,250) size 784x176 [bgcolor=#000000]
        RenderTableSection {TBODY} at (1,1) size 0x174
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
                RenderText {TEXT} at (4,4) size 164x17
                  text run at (4,4) width 164: "TABLE Testing Section"
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,87) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
              RenderText {TEXT} at (4,4) size 4x17
                text run at (4,4) width 4: "\x{A0}"
            RenderTableCell {TD} at (12,25) size 770x149 [r=1 c=1 rs=1 cs=1]
              RenderImage {IMG} at (4,4) size 15x50
              RenderBlock (anonymous) at (4,4) size 762x0
                RenderText {TEXT} at (0,0) size 0x0
              RenderBlock {P} at (4,4) size 762x34
                RenderText {TEXT} at (15,0) size 747x34
                  text run at (15,0) width 651: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
                  text run at (666,0) width 96: "In this case, it"
                  text run at (15,17) width 322: "is the image which has been floated to the left."
              RenderBlock (anonymous) at (4,52) size 762x17
                RenderBR {BR} at (0,0) size 0x0
              RenderBlock {HR} at (5,81) size 760x2
              RenderImage {IMG} at (751,95) size 15x50
              RenderBlock {P} at (4,97) size 762x34
                RenderText {TEXT} at (0,0) size 743x34
                  text run at (0,0) width 661: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
                  text run at (661,0) width 82: "In this case,"
                  text run at (0,17) width 346: "it is the image which has been floated to the right."
