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 256x17
8 text run at (0,0) width 256: "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 86x17
12 text run at (1,1) width 86: "Lorem ipsum"
13 RenderBlock {DIV} at (1,41) size 782x20 [border: (1px dotted #0000FF)]
14 RenderText {#text} at (1,1) size 86x17
15 text run at (1,1) width 86: "Lorem ipsum"
16 RenderBlock {P} at (0,122) size 784x18
17 RenderText {#text} at (0,0) size 260x17
18 text run at (0,0) width 260: "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 86x17
22 text run at (1,1) width 86: "Lorem ipsum"
23 RenderBlock {DIV} at (1,21) size 782x20 [border: (1px dotted #0000FF)]
24 RenderText {#text} at (1,1) size 86x17
25 text run at (1,1) width 86: "Lorem ipsum"
26 RenderBlock {P} at (0,204) size 784x18
27 RenderText {#text} at (0,0) size 380x17
28 text run at (0,0) width 380: "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 86x17
32 text run at (1,1) width 86: "Lorem ipsum"
33 RenderBlock {DIV} at (1,21) size 782x20 [border: (1px dotted #0000FF)]
34 RenderText {#text} at (1,1) size 86x17
35 text run at (1,1) width 86: "Lorem ipsum"
36 RenderBlock (anonymous) at (0,270) size 784x39
37 RenderBR {BR} at (0,0) size 0x17
38 RenderButton {INPUT} at (0,18) size 113.06x21 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
39 RenderBlock (anonymous) at (8,3) size 97.06x15
40 RenderText {#text} at (0,0) size 98x15
41 text run at (0,0) width 98: "Negative margin"
42 RenderText {#text} at (113,19) size 5x17
43 text run at (113,19) width 5: " "
44 RenderButton {INPUT} at (117.06,18) size 107.13x21 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
45 RenderBlock (anonymous) at (8,3) size 91.13x15
46 RenderText {#text} at (0,0) size 92x15
47 text run at (0,0) width 92: "Positive margin"
48 RenderText {#text} at (0,0) size 0x0
49 RenderBlock {P} at (0,325) size 784x18
50 RenderText {#text} at (0,0) size 458x17
51 text run at (0,0) width 458: "Dynamic case (automatically testing positive --> negative --> positive):"
52 RenderBlock {DIV} at (0,359) 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 86x17
55 text run at (1,1) width 86: "Lorem ipsum"
56 RenderBlock {DIV} at (1,41) size 782x20 [border: (1px dotted #0000FF)]
57 RenderText {#text} at (1,1) size 86x17
58 text run at (1,1) width 86: "Lorem ipsum"
59 RenderBlock (anonymous) at (0,431) size 784x39
60 RenderBR {BR} at (0,0) size 0x17
61 RenderButton {INPUT} at (0,18) size 113.06x21 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
62 RenderBlock (anonymous) at (8,3) size 97.06x15
63 RenderText {#text} at (0,0) size 98x15
64 text run at (0,0) width 98: "Negative margin"
65 RenderText {#text} at (113,19) size 5x17
66 text run at (113,19) width 5: " "
67 RenderButton {INPUT} at (117.06,18) size 107.13x21 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
68 RenderBlock (anonymous) at (8,3) size 91.13x15
69 RenderText {#text} at (0,0) size 92x15
70 text run at (0,0) width 92: "Positive margin"
71 RenderText {#text} at (0,0) size 0x0