layer at (0,0) size 800x600
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x402
  RenderBlock {HTML} at (0,0) size 800x402
    RenderBody {BODY} at (8,8) size 784x386 [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 728x48
          text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
          text run at (0,16) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
          text run at (0,32) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
      RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
      RenderBlock {P} at (0,109) size 784x23 [bgcolor=#000000]
        RenderText {TEXT} at (3,3) size 391x17
          text run at (3,3) width 391: "This element should have a purple border surrounding it."
      RenderBlock {P} at (0,146) size 784x23 [bgcolor=#000000]
        RenderText {TEXT} at (3,3) size 497x17
          text run at (3,3) width 497: "This element should have a medium-width purple border surrounding it."
      RenderBlock {P} at (0,183) size 784x40 [bgcolor=#000000]
        RenderText {TEXT} at (3,3) size 754x34
          text run at (3,3) width 754: "This element should be surrounded by a medium width border which is purple on top, green on the right side,"
          text run at (3,20) width 326: "blue on the bottom, and yellow on the left side."
      RenderTable {TABLE} at (0,237) size 784x149 [bgcolor=#000000]
        RenderTableSection {TBODY} at (1,1) size 0x147
          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,73) 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 770x122 [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 762x23
                RenderText {TEXT} at (3,3) size 391x17
                  text run at (3,3) width 391: "This element should have a purple border surrounding it."
              RenderBlock {P} at (4,41) size 762x23
                RenderText {TEXT} at (3,3) size 497x17
                  text run at (3,3) width 497: "This element should have a medium-width purple border surrounding it."
              RenderBlock {P} at (4,78) size 762x40
                RenderText {TEXT} at (3,3) size 754x34
                  text run at (3,3) width 754: "This element should be surrounded by a medium width border which is purple on top, green on the right side,"
                  text run at (3,20) width 326: "blue on the bottom, and yellow on the left side."
