1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 RenderBlock {HTML} at (0,0) size 800x600
5 RenderBody {BODY} at (8,8) size 784x584
6 RenderBlock {P} at (0,0) size 784x20
7 RenderText {#text} at (0,0) size 237x19
8 text run at (0,0) width 237: "What it should look like (positive case):"
9 RenderBlock {DIV} at (0,36) size 784x76 [border: (1px solid #008000)]
10 RenderBlock {DIV} at (1,11) size 782x22 [border: (1px solid #0000FF)]
11 RenderText {#text} at (1,1) size 79x19
12 text run at (1,1) width 79: "Lorem ipsum"
13 RenderBlock {DIV} at (1,43) size 782x22 [border: (1px dotted #0000FF)]
14 RenderText {#text} at (1,1) size 79x19
15 text run at (1,1) width 79: "Lorem ipsum"
16 RenderBlock {P} at (0,128) size 784x20
17 RenderText {#text} at (0,0) size 240x19
18 text run at (0,0) width 240: "What it should look like (negative case):"
19 RenderBlock {DIV} at (0,164) size 784x36 [border: (1px solid #008000)]
20 RenderBlock {DIV} at (1,11) size 782x22 [border: (1px solid #0000FF)]
21 RenderText {#text} at (1,1) size 79x19
22 text run at (1,1) width 79: "Lorem ipsum"
23 RenderBlock {DIV} at (1,23) size 782x22 [border: (1px dotted #0000FF)]
24 RenderText {#text} at (1,1) size 79x19
25 text run at (1,1) width 79: "Lorem ipsum"
26 RenderBlock {P} at (0,216) size 784x20
27 RenderText {#text} at (0,0) size 349x19
28 text run at (0,0) width 349: "Dynamic case (automatically testing positive --> negative):"
29 RenderBlock {DIV} at (0,252) size 784x36 [border: (1px solid #008000)]
30 RenderBlock {DIV} at (1,11) size 782x22 [border: (1px solid #0000FF)]
31 RenderText {#text} at (1,1) size 79x19
32 text run at (1,1) width 79: "Lorem ipsum"
33 RenderBlock {DIV} at (1,23) size 782x22 [border: (1px dotted #0000FF)]
34 RenderText {#text} at (1,1) size 79x19
35 text run at (1,1) width 79: "Lorem ipsum"
36 RenderBlock (anonymous) at (0,288) size 784x42
37 RenderBR {BR} at (0,0) size 0x19
38 RenderButton {INPUT} at (0,20) size 108x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
39 RenderBlock (anonymous) at (8,3) size 92x16
40 RenderText {#text} at (0,0) size 92x16
41 text run at (0,0) width 92: "Negative margin"
42 RenderText {#text} at (108,21) size 4x19
43 text run at (108,21) width 4: " "
44 RenderButton {INPUT} at (112,20) size 104x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
45 RenderBlock (anonymous) at (8,3) size 88x16
46 RenderText {#text} at (0,0) size 88x16
47 text run at (0,0) width 88: "Positive margin"
48 RenderText {#text} at (0,0) size 0x0
49 RenderBlock {P} at (0,346) size 784x20
50 RenderText {#text} at (0,0) size 424x19
51 text run at (0,0) width 424: "Dynamic case (automatically testing positive --> negative --> positive):"
52 RenderBlock {DIV} at (0,382) size 784x76 [border: (1px solid #008000)]
53 RenderBlock {DIV} at (1,11) size 782x22 [border: (1px solid #0000FF)]
54 RenderText {#text} at (1,1) size 79x19
55 text run at (1,1) width 79: "Lorem ipsum"
56 RenderBlock {DIV} at (1,43) size 782x22 [border: (1px dotted #0000FF)]
57 RenderText {#text} at (1,1) size 79x19
58 text run at (1,1) width 79: "Lorem ipsum"
59 RenderBlock (anonymous) at (0,458) size 784x42
60 RenderBR {BR} at (0,0) size 0x19
61 RenderButton {INPUT} at (0,20) size 108x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
62 RenderBlock (anonymous) at (8,3) size 92x16
63 RenderText {#text} at (0,0) size 92x16
64 text run at (0,0) width 92: "Negative margin"
65 RenderText {#text} at (108,21) size 4x19
66 text run at (108,21) width 4: " "
67 RenderButton {INPUT} at (112,20) size 104x22 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
68 RenderBlock (anonymous) at (8,3) size 88x16
69 RenderText {#text} at (0,0) size 88x16
70 text run at (0,0) width 88: "Positive margin"
71 RenderText {#text} at (0,0) size 0x0