1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x600
5 LayoutBlockFlow {BODY} at (8,8) size 784x584
6 LayoutBlockFlow {P} at (0,0) size 784x18
7 LayoutText {#text} at (0,0) size 256x18
8 text run at (0,0) width 256: "What it should look like (positive case):"
9 LayoutBlockFlow {DIV} at (0,34) size 784x72 [border: (1px solid #008000)]
10 LayoutBlockFlow {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
11 LayoutText {#text} at (1,1) size 86x18
12 text run at (1,1) width 86: "Lorem ipsum"
13 LayoutBlockFlow {DIV} at (1,41) size 782x20 [border: (1px dotted #0000FF)]
14 LayoutText {#text} at (1,1) size 86x18
15 text run at (1,1) width 86: "Lorem ipsum"
16 LayoutBlockFlow {P} at (0,122) size 784x18
17 LayoutText {#text} at (0,0) size 260x18
18 text run at (0,0) width 260: "What it should look like (negative case):"
19 LayoutBlockFlow {DIV} at (0,156) size 784x32 [border: (1px solid #008000)]
20 LayoutBlockFlow {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
21 LayoutText {#text} at (1,1) size 86x18
22 text run at (1,1) width 86: "Lorem ipsum"
23 LayoutBlockFlow {DIV} at (1,21) size 782x20 [border: (1px dotted #0000FF)]
24 LayoutText {#text} at (1,1) size 86x18
25 text run at (1,1) width 86: "Lorem ipsum"
26 LayoutBlockFlow {P} at (0,204) size 784x18
27 LayoutText {#text} at (0,0) size 380x18
28 text run at (0,0) width 380: "Dynamic case (automatically testing positive --> negative):"
29 LayoutBlockFlow {DIV} at (0,238) size 784x32 [border: (1px solid #008000)]
30 LayoutBlockFlow {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
31 LayoutText {#text} at (1,1) size 86x18
32 text run at (1,1) width 86: "Lorem ipsum"
33 LayoutBlockFlow {DIV} at (1,21) size 782x20 [border: (1px dotted #0000FF)]
34 LayoutText {#text} at (1,1) size 86x18
35 text run at (1,1) width 86: "Lorem ipsum"
36 LayoutBlockFlow (anonymous) at (0,270) size 784x37
37 LayoutBR {BR} at (0,0) size 0x18
38 LayoutButton {INPUT} at (0,19) size 102.11x18 [bgcolor=#C0C0C0]
39 LayoutBlockFlow (anonymous) at (8,2) size 86.11x13
40 LayoutText {#text} at (0,0) size 87x13
41 text run at (0,0) width 87: "Negative margin"
42 LayoutText {#text} at (102,18) size 5x18
43 text run at (102,18) width 5: " "
44 LayoutButton {INPUT} at (106.11,19) size 97.34x18 [bgcolor=#C0C0C0]
45 LayoutBlockFlow (anonymous) at (8,2) size 81.34x13
46 LayoutText {#text} at (0,0) size 82x13
47 text run at (0,0) width 82: "Positive margin"
48 LayoutText {#text} at (0,0) size 0x0
49 LayoutBlockFlow {P} at (0,323) size 784x18
50 LayoutText {#text} at (0,0) size 458x18
51 text run at (0,0) width 458: "Dynamic case (automatically testing positive --> negative --> positive):"
52 LayoutBlockFlow {DIV} at (0,357) size 784x72 [border: (1px solid #008000)]
53 LayoutBlockFlow {DIV} at (1,11) size 782x20 [border: (1px solid #0000FF)]
54 LayoutText {#text} at (1,1) size 86x18
55 text run at (1,1) width 86: "Lorem ipsum"
56 LayoutBlockFlow {DIV} at (1,41) size 782x20 [border: (1px dotted #0000FF)]
57 LayoutText {#text} at (1,1) size 86x18
58 text run at (1,1) width 86: "Lorem ipsum"
59 LayoutBlockFlow (anonymous) at (0,429) size 784x37
60 LayoutBR {BR} at (0,0) size 0x18
61 LayoutButton {INPUT} at (0,19) size 102.11x18 [bgcolor=#C0C0C0]
62 LayoutBlockFlow (anonymous) at (8,2) size 86.11x13
63 LayoutText {#text} at (0,0) size 87x13
64 text run at (0,0) width 87: "Negative margin"
65 LayoutText {#text} at (102,18) size 5x18
66 text run at (102,18) width 5: " "
67 LayoutButton {INPUT} at (106.11,19) size 97.34x18 [bgcolor=#C0C0C0]
68 LayoutBlockFlow (anonymous) at (8,2) size 81.34x13
69 LayoutText {#text} at (0,0) size 82x13
70 text run at (0,0) width 82: "Positive margin"
71 LayoutText {#text} at (0,0) size 0x0