layer at (0,0) size 800x928
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x928
  RenderBlock {HTML} at (0,0) size 800x928
    RenderBody {BODY} at (8,8) size 784x912 [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 784x64 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 168x64
          text run at (0,0) width 152: ".one {clear: left;}"
          text run at (0,16) width 160: ".two {clear: right;}"
          text run at (0,32) width 168: ".three {clear: both;}"
          text run at (0,48) width 160: ".four {clear: none;}"
      RenderBlock {HR} at (1,109) size 782x2 [bgcolor=#000000]
      RenderImage {IMG} at (0,123) size 15x50 [bgcolor=#000000]
      RenderBlock {P} at (0,125) size 784x17 [bgcolor=#000000]
        RenderText {TEXT} at (18,0) size 647x17
          text run at (18,0) width 647: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
      RenderBlock (anonymous) at (0,156) size 784x17 [bgcolor=#000000]
        RenderBR {BR} at (0,0) size 0x0
        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
      RenderImage {IMG} at (0,173) size 15x50 [bgcolor=#000000]
      RenderBlock {P} at (0,223) size 784x17 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 713x17
          text run at (0,0) width 713: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
      RenderBlock (anonymous) at (0,254) size 784x17 [bgcolor=#000000]
        RenderBR {BR} at (0,0) size 0x0
        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
      RenderImage {IMG} at (769,271) size 15x50 [bgcolor=#000000]
      RenderBlock {P} at (0,321) size 784x17 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 723x17
          text run at (0,0) width 723: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
      RenderBlock (anonymous) at (0,352) size 784x17 [bgcolor=#000000]
        RenderBR {BR} at (0,0) size 0x0
        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
      RenderImage {IMG} at (0,369) size 15x50 [bgcolor=#000000]
      RenderImage {IMG} at (769,369) size 15x50 [bgcolor=#000000]
      RenderBlock {P} at (0,419) size 784x17 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 657x17
          text run at (0,0) width 657: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
      RenderImage {IMG} at (0,450) size 15x50 [bgcolor=#000000]
      RenderImage {IMG} at (769,450) size 15x50 [bgcolor=#000000]
      RenderBlock {P} at (0,450) size 784x17 [bgcolor=#000000]
        RenderText {TEXT} at (18,0) size 429x17
          text run at (18,0) width 429: "This paragraph should be between both tall orange rectangles."
      RenderBlock (anonymous) at (0,481) size 784x19 [bgcolor=#000000]
        RenderBR {BR} at (0,0) size 0x0
        RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
      RenderTable {TABLE} at (0,500) size 745x412 [bgcolor=#000000]
        RenderTableSection {TBODY} at (1,1) size 0x410
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,0) size 743x25 [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,205) 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 731x385 [r=1 c=1 rs=1 cs=1]
              RenderImage {IMG} at (4,4) size 15x50
              RenderBlock (anonymous) at (4,4) size 723x0
                RenderText {TEXT} at (0,0) size 0x0
              RenderBlock {P} at (4,4) size 723x17
                RenderText {TEXT} at (18,0) size 647x17
                  text run at (18,0) width 647: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
              RenderBlock (anonymous) at (4,35) size 723x19
                RenderBR {BR} at (0,0) size 0x0
                RenderText {TEXT} at (0,0) size 0x0
              RenderImage {IMG} at (4,54) size 15x50
              RenderBlock {P} at (4,104) size 723x17
                RenderText {TEXT} at (0,0) size 713x17
                  text run at (0,0) width 713: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
              RenderBlock (anonymous) at (4,135) size 723x17
                RenderBR {BR} at (0,0) size 0x0
                RenderText {TEXT} at (0,0) size 0x0
              RenderImage {IMG} at (712,152) size 15x50
              RenderBlock {P} at (4,202) size 723x17
                RenderText {TEXT} at (0,0) size 723x17
                  text run at (0,0) width 723: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
              RenderBlock (anonymous) at (4,233) size 723x17
                RenderBR {BR} at (0,0) size 0x0
                RenderText {TEXT} at (0,0) size 0x0
              RenderImage {IMG} at (4,250) size 15x50
              RenderImage {IMG} at (712,250) size 15x50
              RenderBlock {P} at (4,300) size 723x17
                RenderText {TEXT} at (0,0) size 657x17
                  text run at (0,0) width 657: "This paragraph should appear below the two tall orange rectangles, and not flow between them."
              RenderImage {IMG} at (4,331) size 15x50
              RenderImage {IMG} at (712,331) size 15x50
              RenderBlock {P} at (4,331) size 723x17
                RenderText {TEXT} at (18,0) size 429x17
                  text run at (18,0) width 429: "This paragraph should be between both tall orange rectangles."
              RenderBlock (anonymous) at (4,362) size 723x19
                RenderBR {BR} at (0,0) size 0x0
                RenderText {TEXT} at (0,0) size 0x0