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 249x18
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 84x18
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 84x18
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 253x18
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 84x18
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 84x18
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 369x18
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 84x18
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 84x18
35 text run at (1,1) width 84: "Lorem ipsum"
36 RenderBlock (anonymous) at (0,270) size 784x37
37 RenderBR {BR} at (0,0) size 0x18
38 RenderButton {INPUT} at (0,19) size 103.50x18 [bgcolor=#C0C0C0]
39 RenderBlock (anonymous) at (8,2.50) size 87.50x13
40 RenderText {#text} at (0,0) size 88x13
41 text run at (0,0) width 88: "Negative margin"
42 RenderText {#text} at (103,18) size 5x18
43 text run at (103,18) width 5: " "
44 RenderButton {INPUT} at (107.50,19) size 97.94x18 [bgcolor=#C0C0C0]
45 RenderBlock (anonymous) at (8,2.50) size 81.94x13
46 RenderText {#text} at (0,0) size 82x13
47 text run at (0,0) width 82: "Positive margin"
48 RenderText {#text} at (0,0) size 0x0
49 RenderBlock {P} at (0,323) size 784x18
50 RenderText {#text} at (0,0) size 445x18
51 text run at (0,0) width 445: "Dynamic case (automatically testing positive --> negative --> positive):"
52 RenderBlock {DIV} at (0,357) 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 84x18
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 84x18
58 text run at (1,1) width 84: "Lorem ipsum"
59 RenderBlock (anonymous) at (0,429) size 784x37
60 RenderBR {BR} at (0,0) size 0x18
61 RenderButton {INPUT} at (0,19) size 103.50x18 [bgcolor=#C0C0C0]
62 RenderBlock (anonymous) at (8,2.50) size 87.50x13
63 RenderText {#text} at (0,0) size 88x13
64 text run at (0,0) width 88: "Negative margin"
65 RenderText {#text} at (103,18) size 5x18
66 text run at (103,18) width 5: " "
67 RenderButton {INPUT} at (107.50,19) size 97.94x18 [bgcolor=#C0C0C0]
68 RenderBlock (anonymous) at (8,2.50) size 81.94x13
69 RenderText {#text} at (0,0) size 82x13
70 text run at (0,0) width 82: "Positive margin"
71 RenderText {#text} at (0,0) size 0x0