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 784x18
7 RenderText {#text} at (0,0) size 249x17
8 text run at (0,0) width 249: "What it should look like (positive case):"
9 RenderBlock {DIV} at (0,34) size 784x72 [border: (1px solid #008000)]
10 RenderBlock {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
11 RenderText {#text} at (1,1) size 84x17
12 text run at (1,1) width 84: "Lorem ipsum"
13 RenderBlock {DIV} at (1,41) size 782x20 [border: (1px dotted #0000FF)]
14 RenderText {#text} at (1,1) size 84x17
15 text run at (1,1) width 84: "Lorem ipsum"
16 RenderBlock {P} at (0,122) size 784x18
17 RenderText {#text} at (0,0) size 253x17
18 text run at (0,0) width 253: "What it should look like (negative case):"
19 RenderBlock {DIV} at (0,156) size 784x32 [border: (1px solid #008000)]
20 RenderBlock {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
21 RenderText {#text} at (1,1) size 84x17
22 text run at (1,1) width 84: "Lorem ipsum"
23 RenderBlock {DIV} at (1,21) size 782x20 [border: (1px dotted #0000FF)]
24 RenderText {#text} at (1,1) size 84x17
25 text run at (1,1) width 84: "Lorem ipsum"
26 RenderBlock {P} at (0,204) size 784x18
27 RenderText {#text} at (0,0) size 369x17
28 text run at (0,0) width 369: "Dynamic case (automatically testing positive --> negative):"
29 RenderBlock {DIV} at (0,238) size 784x32 [border: (1px solid #008000)]
30 RenderBlock {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
31 RenderText {#text} at (1,1) size 84x17
32 text run at (1,1) width 84: "Lorem ipsum"
33 RenderBlock {DIV} at (1,21) size 782x20 [border: (1px dotted #0000FF)]
34 RenderText {#text} at (1,1) size 84x17
35 text run at (1,1) width 84: "Lorem ipsum"
36 RenderBlock (anonymous) at (0,270) size 784x62
37 RenderBR {BR} at (0,0) size 0x17
38 RenderButton {INPUT} at (2,20) size 151x40 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
39 RenderBlock (anonymous) at (17,10) size 117x18
40 RenderText at (0,0) size 117x17
41 text run at (0,0) width 117: "Negative margin"
42 RenderText {#text} at (155,30) size 4x17
43 text run at (155,30) width 4: " "
44 RenderButton {INPUT} at (161,20) size 144x40 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
45 RenderBlock (anonymous) at (17,10) size 110x18
46 RenderText at (0,0) size 110x17
47 text run at (0,0) width 110: "Positive margin"
48 RenderText {#text} at (0,0) size 0x0
49 RenderBlock {P} at (0,348) size 784x18
50 RenderText {#text} at (0,0) size 445x17
51 text run at (0,0) width 445: "Dynamic case (automatically testing positive --> negative --> positive):"
52 RenderBlock {DIV} at (0,382) size 784x72 [border: (1px solid #008000)]
53 RenderBlock {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
54 RenderText {#text} at (1,1) size 84x17
55 text run at (1,1) width 84: "Lorem ipsum"
56 RenderBlock {DIV} at (1,41) size 782x20 [border: (1px dotted #0000FF)]
57 RenderText {#text} at (1,1) size 84x17
58 text run at (1,1) width 84: "Lorem ipsum"
59 RenderBlock (anonymous) at (0,454) size 784x62
60 RenderBR {BR} at (0,0) size 0x17
61 RenderButton {INPUT} at (2,20) size 151x40 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
62 RenderBlock (anonymous) at (17,10) size 117x18
63 RenderText at (0,0) size 117x17
64 text run at (0,0) width 117: "Negative margin"
65 RenderText {#text} at (155,30) size 4x17
66 text run at (155,30) width 4: " "
67 RenderButton {INPUT} at (161,20) size 144x40 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
68 RenderBlock (anonymous) at (17,10) size 110x18
69 RenderText at (0,0) size 110x17
70 text run at (0,0) width 110: "Positive margin"
71 RenderText {#text} at (0,0) size 0x0