| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| RenderBlock {HTML} at (0,0) size 800x600 |
| RenderBody {BODY} at (8,8) size 784x584 |
| RenderBlock {P} at (0,0) size 784x20 |
| RenderText {#text} at (0,0) size 237x19 |
| text run at (0,0) width 237: "What it should look like (positive case):" |
| RenderBlock {DIV} at (0,36) size 784x76 [border: (1px solid #008000)] |
| RenderBlock {DIV} at (1,11) size 782x22 [border: (1px solid #0000FF)] |
| RenderText {#text} at (1,1) size 79x19 |
| text run at (1,1) width 79: "Lorem ipsum" |
| RenderBlock {DIV} at (1,43) size 782x22 [border: (1px dotted #0000FF)] |
| RenderText {#text} at (1,1) size 79x19 |
| text run at (1,1) width 79: "Lorem ipsum" |
| RenderBlock {P} at (0,128) size 784x20 |
| RenderText {#text} at (0,0) size 240x19 |
| text run at (0,0) width 240: "What it should look like (negative case):" |
| RenderBlock {DIV} at (0,164) size 784x36 [border: (1px solid #008000)] |
| RenderBlock {DIV} at (1,11) size 782x22 [border: (1px solid #0000FF)] |
| RenderText {#text} at (1,1) size 79x19 |
| text run at (1,1) width 79: "Lorem ipsum" |
| RenderBlock {DIV} at (1,23) size 782x22 [border: (1px dotted #0000FF)] |
| RenderText {#text} at (1,1) size 79x19 |
| text run at (1,1) width 79: "Lorem ipsum" |
| RenderBlock {P} at (0,216) size 784x20 |
| RenderText {#text} at (0,0) size 349x19 |
| text run at (0,0) width 349: "Dynamic case (automatically testing positive --> negative):" |
| RenderBlock {DIV} at (0,252) size 784x36 [border: (1px solid #008000)] |
| RenderBlock {DIV} at (1,11) size 782x22 [border: (1px solid #0000FF)] |
| RenderText {#text} at (1,1) size 79x19 |
| text run at (1,1) width 79: "Lorem ipsum" |
| RenderBlock {DIV} at (1,23) size 782x22 [border: (1px dotted #0000FF)] |
| RenderText {#text} at (1,1) size 79x19 |
| text run at (1,1) width 79: "Lorem ipsum" |
| RenderBlock (anonymous) at (0,288) size 784x46 |
| RenderBR {BR} at (0,0) size 0x19 |
| RenderButton {INPUT} at (2,22) size 115x22 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (8,3) size 99x16 |
| RenderText at (0,0) size 99x16 |
| text run at (0,0) width 99: "Negative margin" |
| RenderText {#text} at (119,23) size 4x19 |
| text run at (119,23) width 4: " " |
| RenderButton {INPUT} at (125,22) size 108x22 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (8,3) size 92x16 |
| RenderText at (0,0) size 92x16 |
| text run at (0,0) width 92: "Positive margin" |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {P} at (0,350) size 784x20 |
| RenderText {#text} at (0,0) size 424x19 |
| text run at (0,0) width 424: "Dynamic case (automatically testing positive --> negative --> positive):" |
| RenderBlock {DIV} at (0,386) size 784x76 [border: (1px solid #008000)] |
| RenderBlock {DIV} at (1,11) size 782x22 [border: (1px solid #0000FF)] |
| RenderText {#text} at (1,1) size 79x19 |
| text run at (1,1) width 79: "Lorem ipsum" |
| RenderBlock {DIV} at (1,43) size 782x22 [border: (1px dotted #0000FF)] |
| RenderText {#text} at (1,1) size 79x19 |
| text run at (1,1) width 79: "Lorem ipsum" |
| RenderBlock (anonymous) at (0,462) size 784x46 |
| RenderBR {BR} at (0,0) size 0x19 |
| RenderButton {INPUT} at (2,22) size 115x22 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (8,3) size 99x16 |
| RenderText at (0,0) size 99x16 |
| text run at (0,0) width 99: "Negative margin" |
| RenderText {#text} at (119,23) size 4x19 |
| text run at (119,23) width 4: " " |
| RenderButton {INPUT} at (125,22) size 108x22 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)] |
| RenderBlock (anonymous) at (8,3) size 92x16 |
| RenderText at (0,0) size 92x16 |
| text run at (0,0) width 92: "Positive margin" |
| RenderText {#text} at (0,0) size 0x0 |
