layer at (0,0) size 800x995
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x995
  RenderBlock {HTML} at (0,0) size 800x995
    RenderBody {BODY} at (8,8) size 784x979 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 784x18
        RenderText {TEXT} at (0,0) size 355x18
          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,34) size 784x60
        RenderText {TEXT} at (0,0) size 344x60
          text run at (0,0) width 296: ".one {border-bottom: purple double 10"
          text run at (296,0) width 32: "px;}"
          text run at (0,15) width 320: ".two {border-bottom: purple thin solid;}"
          text run at (0,30) width 344: ".three {border-bottom: black medium solid;}"
          text run at (0,45) width 208: "TD {border-bottom: green 2"
          text run at (208,45) width 80: "px solid;}"
      RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
      RenderBlock {P} at (0,125) size 784x36
        RenderText {TEXT} at (0,0) size 779x36
          text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
          text run at (658,0) width 121: "This border applies"
          text run at (0,18) width 317: "only to the cells, not the rows which contain them."
      RenderBlock {P} at (0,177) size 784x28 [border: (10px double #800080) none]
        RenderText {TEXT} at (0,0) size 438x18
          text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
          text run at (310,0) width 128: "pixel bottom border."
      RenderBlock {P} at (0,221) size 784x19 [border: (1px solid #800080) none]
        RenderText {TEXT} at (0,0) size 355x18
          text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
      RenderTable {TABLE} at (0,256) size 784x110 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 0x108
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (5,5) size 772x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              RenderText {TEXT} at (2,2) size 759x36
                text run at (2,2) width 248: "Every cell in this table should have a 2-"
                text run at (250,2) width 205: "pixel solid green bottom border. "
                text run at (455,2) width 306: "This is also true of the table-testing section in the"
                text run at (2,20) width 175: "second half of the test page."
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (5,65) size 196x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              RenderText {TEXT} at (2,2) size 53x18
                text run at (2,2) width 53: "Cell one"
            RenderTableCell {TD} at (206,51) size 571x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock (anonymous) at (2,2) size 567x18
                RenderText {TEXT} at (0,0) size 54x18
                  text run at (0,0) width 54: "Cell two"
              RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
                RenderTableSection {TBODY} at (1,1) size 0x27
                  RenderTableRow {TR} at (0,0) size 0x0
                    RenderTableCell {TD} at (2,2) size 155x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                      RenderText {TEXT} at (2,2) size 151x18
                        text run at (2,2) width 151: "Nested single-cell table!"
      RenderBlock {UL} at (0,382) size 784x135
        RenderListItem {LI} at (40,0) size 744x75 [border: (3px solid #000000) none]
          RenderBlock (anonymous) at (0,0) size 744x18
            RenderListMarker at (0,0) size 0x14
            RenderText {TEXT} at (0,0) size 118x18
              text run at (0,0) width 118: "This is a list item..."
          RenderBlock {UL} at (0,18) size 744x54
            RenderListItem {LI} at (40,0) size 704x18
              RenderListMarker at (0,0) size 0x14
              RenderText {TEXT} at (0,0) size 73x18
                text run at (0,0) width 73: "...and this..."
            RenderListItem {LI} at (40,18) size 704x18
              RenderListMarker at (0,0) size 0x14
              RenderText {TEXT} at (0,0) size 115x18
                text run at (0,0) width 115: "...is a second list..."
            RenderListItem {LI} at (40,36) size 704x18
              RenderListMarker at (0,0) size 0x14
              RenderText {TEXT} at (0,0) size 176x18
                text run at (0,0) width 176: "...nested within the list item."
        RenderListItem {LI} at (40,75) size 744x21 [border: (3px solid #000000) none]
          RenderListMarker at (0,0) size 0x14
          RenderText {TEXT} at (0,0) size 158x18
            text run at (0,0) width 158: "This is a second list item."
        RenderListItem {LI} at (40,96) size 744x39 [border: (3px solid #000000) none]
          RenderListMarker at (0,0) size 0x14
          RenderText {TEXT} at (0,0) size 734x36
            text run at (0,0) width 734: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that it"
            text run at (0,18) width 92: "should appear "
          RenderInline {EM} at (0,0) size 50x18
            RenderText {TEXT} at (92,18) size 50x18
              text run at (92,18) width 50: "beneath"
          RenderText {TEXT} at (142,18) size 390x18
            text run at (142,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
      RenderTable {TABLE} at (0,533) size 784x446 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 0x444
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 163x18
                RenderText {TEXT} at (4,4) size 163x18
                  text run at (4,4) width 163: "TABLE Testing Section"
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,222) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              RenderText {TEXT} at (4,4) size 4x18
                text run at (4,4) width 4: " "
            RenderTableCell {TD} at (12,27) size 770x417 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 762x36
                RenderText {TEXT} at (0,0) size 731x36
                  text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
                  text run at (658,0) width 73: "This border"
                  text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
              RenderBlock {P} at (4,56) size 762x28 [border: (10px double #800080) none]
                RenderText {TEXT} at (0,0) size 438x18
                  text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
                  text run at (310,0) width 128: "pixel bottom border."
              RenderBlock {P} at (4,100) size 762x19 [border: (1px solid #800080) none]
                RenderText {TEXT} at (0,0) size 355x18
                  text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
              RenderTable {TABLE} at (4,135) size 762x110 [border: (1px outset #808080)]
                RenderTableSection {TBODY} at (1,1) size 0x108
                  RenderTableRow {TR} at (0,0) size 0x0
                    RenderTableCell {TD} at (5,5) size 750x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
                      RenderText {TEXT} at (2,2) size 736x36
                        text run at (2,2) width 248: "Every cell in this table should have a 2-"
                        text run at (250,2) width 205: "pixel solid green bottom border. "
                        text run at (455,2) width 283: "This is also true of the table-testing section in"
                        text run at (2,20) width 198: "the second half of the test page."
                  RenderTableRow {TR} at (0,0) size 0x0
                    RenderTableCell {TD} at (5,65) size 190x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
                      RenderText {TEXT} at (2,2) size 53x18
                        text run at (2,2) width 53: "Cell one"
                    RenderTableCell {TD} at (200,51) size 555x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
                      RenderBlock (anonymous) at (2,2) size 551x18
                        RenderText {TEXT} at (0,0) size 54x18
                          text run at (0,0) width 54: "Cell two"
                      RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
                        RenderTableSection {TBODY} at (1,1) size 0x27
                          RenderTableRow {TR} at (0,0) size 0x0
                            RenderTableCell {TD} at (2,2) size 155x23 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                              RenderText {TEXT} at (2,2) size 151x18
                                text run at (2,2) width 151: "Nested single-cell table!"
              RenderBlock {UL} at (4,261) size 762x135
                RenderListItem {LI} at (40,0) size 722x75 [border: (3px solid #000000) none]
                  RenderBlock (anonymous) at (0,0) size 722x18
                    RenderListMarker at (0,0) size 0x14
                    RenderText {TEXT} at (0,0) size 118x18
                      text run at (0,0) width 118: "This is a list item..."
                  RenderBlock {UL} at (0,18) size 722x54
                    RenderListItem {LI} at (40,0) size 682x18
                      RenderListMarker at (0,0) size 0x14
                      RenderText {TEXT} at (0,0) size 73x18
                        text run at (0,0) width 73: "...and this..."
                    RenderListItem {LI} at (40,18) size 682x18
                      RenderListMarker at (0,0) size 0x14
                      RenderText {TEXT} at (0,0) size 115x18
                        text run at (0,0) width 115: "...is a second list..."
                    RenderListItem {LI} at (40,36) size 682x18
                      RenderListMarker at (0,0) size 0x14
                      RenderText {TEXT} at (0,0) size 176x18
                        text run at (0,0) width 176: "...nested within the list item."
                RenderListItem {LI} at (40,75) size 722x21 [border: (3px solid #000000) none]
                  RenderListMarker at (0,0) size 0x14
                  RenderText {TEXT} at (0,0) size 158x18
                    text run at (0,0) width 158: "This is a second list item."
                RenderListItem {LI} at (40,96) size 722x39 [border: (3px solid #000000) none]
                  RenderListMarker at (0,0) size 0x14
                  RenderText {TEXT} at (0,0) size 722x36
                    text run at (0,0) width 722: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that"
                    text run at (0,18) width 104: "it should appear "
                  RenderInline {EM} at (0,0) size 50x18
                    RenderText {TEXT} at (104,18) size 50x18
                      text run at (104,18) width 50: "beneath"
                  RenderText {TEXT} at (154,18) size 390x18
                    text run at (154,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
