layer at (0,0) size 800x2324
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x2324
  RenderBlock {HTML} at (0,0) size 800x2324
    RenderBody {BODY} at (8,8) size 784x2308 [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 784x128 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 504x128
          text run at (0,0) width 208: "IMG.one {display: inline;}"
          text run at (0,16) width 200: "IMG.two {display: block;}"
          text run at (0,32) width 208: "IMG.three {display: block;"
          text run at (0,48) width 504: "           margin-right: auto; margin-left: auto; width: auto;}"
          text run at (0,64) width 200: "IMG.four {display: block;"
          text run at (0,80) width 488: "          margin-right: auto; margin-left: auto; width: 50%;}"
          text run at (0,96) width 200: "IMG.five {display: block;"
          text run at (0,112) width 464: "          margin-right: 0; margin-left: auto; width: 50%;}"
      RenderBlock {HR} at (1,173) size 782x2 [bgcolor=#000000]
      RenderBlock {P} at (0,189) size 784x18 [bgcolor=#000000]
        RenderImage {IMG} at (0,0) size 15x15
        RenderText {TEXT} at (15,1) size 479x17
          text run at (15,1) width 406: "The image at the beginning of this sentence should be a 15"
          text run at (421,1) width 73: "px square."
      RenderImage {IMG} at (0,221) size 15x15 [bgcolor=#000000]
      RenderBlock {P} at (0,250) size 784x17 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 539x17
          text run at (0,0) width 222: "The above image should be a 15"
          text run at (222,0) width 317: "px square with the same left edge as this text."
      RenderImage {IMG} at (384,281) size 15x15 [bgcolor=#000000]
      RenderBlock {P} at (0,310) size 784x17 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 439x17
          text run at (0,0) width 222: "The above image should be a 15"
          text run at (222,0) width 217: "px square aligned at the center."
      RenderImage {IMG} at (196,341) size 392x392 [bgcolor=#000000]
      RenderBlock {P} at (0,747) size 784x34 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 707x34
          text run at (0,0) width 706: "The above image should be a square resized so its width is 50% of the its parent element, and centered"
          text run at (0,17) width 269: "horizontally within the parent element: "
          text run at (269,17) width 438: "the document body in the first half, and the table in the second."
      RenderImage {IMG} at (392,795) size 392x392 [bgcolor=#000000]
      RenderBlock {P} at (0,1201) size 784x34 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 750x34
          text run at (0,0) width 750: "The above image should be a square resized so its width is 50% of its parent element, and aligned at the right"
          text run at (0,17) width 194: "edge of the parent element: "
          text run at (194,17) width 438: "the document body in the first half, and the table in the second."
      RenderTable {TABLE} at (0,1249) size 784x1059 [bgcolor=#000000]
        RenderTableSection {TBODY} at (1,1) size 0x1057
          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,528) 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 770x1032 [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 762x18
                RenderImage {IMG} at (0,0) size 15x15
                RenderText {TEXT} at (15,1) size 479x17
                  text run at (15,1) width 406: "The image at the beginning of this sentence should be a 15"
                  text run at (421,1) width 73: "px square."
              RenderImage {IMG} at (4,36) size 15x15
              RenderBlock {P} at (4,65) size 762x17
                RenderText {TEXT} at (0,0) size 539x17
                  text run at (0,0) width 222: "The above image should be a 15"
                  text run at (222,0) width 317: "px square with the same left edge as this text."
              RenderImage {IMG} at (377,96) size 15x15
              RenderBlock {P} at (4,125) size 762x17
                RenderText {TEXT} at (0,0) size 439x17
                  text run at (0,0) width 222: "The above image should be a 15"
                  text run at (222,0) width 217: "px square aligned at the center."
              RenderImage {IMG} at (194,156) size 381x381
              RenderBlock {P} at (4,551) size 762x34
                RenderText {TEXT} at (0,0) size 707x34
                  text run at (0,0) width 706: "The above image should be a square resized so its width is 50% of the its parent element, and centered"
                  text run at (0,17) width 269: "horizontally within the parent element: "
                  text run at (269,17) width 438: "the document body in the first half, and the table in the second."
              RenderImage {IMG} at (385,599) size 381x381
              RenderBlock {P} at (4,994) size 762x34
                RenderText {TEXT} at (0,0) size 750x34
                  text run at (0,0) width 750: "The above image should be a square resized so its width is 50% of its parent element, and aligned at the right"
                  text run at (0,17) width 194: "edge of the parent element: "
                  text run at (194,17) width 438: "the document body in the first half, and the table in the second."
