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 108x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderBlock {P} at (0,0) size 784x18
+ RenderText {#text} at (0,0) size 256x17
+ text run at (0,0) width 256: "What it should look like (positive case):"
+ RenderBlock {DIV} at (0,34) size 784x72 [border: (1px solid #008000)]
+ RenderBlock {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
+ RenderText {#text} at (1,1) size 86x17
+ text run at (1,1) width 86: "Lorem ipsum"
+ RenderBlock {DIV} at (1,41) size 782x20 [border: (1px dotted #0000FF)]
+ RenderText {#text} at (1,1) size 86x17
+ text run at (1,1) width 86: "Lorem ipsum"
+ RenderBlock {P} at (0,122) size 784x18
+ RenderText {#text} at (0,0) size 260x17
+ text run at (0,0) width 260: "What it should look like (negative case):"
+ RenderBlock {DIV} at (0,156) size 784x32 [border: (1px solid #008000)]
+ RenderBlock {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
+ RenderText {#text} at (1,1) size 86x17
+ text run at (1,1) width 86: "Lorem ipsum"
+ RenderBlock {DIV} at (1,21) size 782x20 [border: (1px dotted #0000FF)]
+ RenderText {#text} at (1,1) size 86x17
+ text run at (1,1) width 86: "Lorem ipsum"
+ RenderBlock {P} at (0,204) size 784x18
+ RenderText {#text} at (0,0) size 380x17
+ text run at (0,0) width 380: "Dynamic case (automatically testing positive --> negative):"
+ RenderBlock {DIV} at (0,238) size 784x32 [border: (1px solid #008000)]
+ RenderBlock {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
+ RenderText {#text} at (1,1) size 86x17
+ text run at (1,1) width 86: "Lorem ipsum"
+ RenderBlock {DIV} at (1,21) size 782x20 [border: (1px dotted #0000FF)]
+ RenderText {#text} at (1,1) size 86x17
+ text run at (1,1) width 86: "Lorem ipsum"
+ RenderBlock (anonymous) at (0,270) size 784x40
+ RenderBR {BR} at (0,0) size 0x17
+ RenderButton {INPUT} at (0,18) size 108x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (8,3) size 92x16
RenderText {#text} at (0,0) size 92x16
text run at (0,0) width 92: "Negative margin"
- RenderText {#text} at (112,23) size 4x19
- text run at (112,23) width 4: " "
- RenderButton {INPUT} at (118,22) size 104x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderText {#text} at (108,20) size 4x17
+ text run at (108,20) width 4: " "
+ RenderButton {INPUT} at (112,18) size 104x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (8,3) size 88x16
RenderText {#text} at (0,0) size 88x16
text run at (0,0) width 88: "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 108x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderBlock {P} at (0,326) size 784x18
+ RenderText {#text} at (0,0) size 458x17
+ text run at (0,0) width 458: "Dynamic case (automatically testing positive --> negative --> positive):"
+ RenderBlock {DIV} at (0,360) size 784x72 [border: (1px solid #008000)]
+ RenderBlock {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
+ RenderText {#text} at (1,1) size 86x17
+ text run at (1,1) width 86: "Lorem ipsum"
+ RenderBlock {DIV} at (1,41) size 782x20 [border: (1px dotted #0000FF)]
+ RenderText {#text} at (1,1) size 86x17
+ text run at (1,1) width 86: "Lorem ipsum"
+ RenderBlock (anonymous) at (0,432) size 784x40
+ RenderBR {BR} at (0,0) size 0x17
+ RenderButton {INPUT} at (0,18) size 108x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (8,3) size 92x16
RenderText {#text} at (0,0) size 92x16
text run at (0,0) width 92: "Negative margin"
- RenderText {#text} at (112,23) size 4x19
- text run at (112,23) width 4: " "
- RenderButton {INPUT} at (118,22) size 104x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
+ RenderText {#text} at (108,20) size 4x17
+ text run at (108,20) width 4: " "
+ RenderButton {INPUT} at (112,18) size 104x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
RenderBlock (anonymous) at (8,3) size 88x16
RenderText {#text} at (0,0) size 88x16
text run at (0,0) width 88: "Positive margin"