1 layer at (0,0) size 785x641
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x641
4 RenderBlock {HTML} at (0,0) size 785x641.03
5 RenderBody {BODY} at (8,21.44) size 769x600.88
6 RenderBlock {H1} at (0,0) size 769x74
7 RenderText {#text} at (0,0) size 543x37
8 text run at (0,0) width 543: "Margins and block formating contexts ("
9 RenderInline {A} at (0,0) size 751x74 [color=#0000EE]
10 RenderText {#text} at (543,0) size 751x74
11 text run at (543,0) width 208: "additional tests"
12 text run at (0,37) width 254: "from Alan Gresley"
13 RenderText {#text} at (254,37) size 11x37
14 text run at (254,37) width 11: ")"
15 RenderBlock {H3} at (0,95.44) size 769x66
16 RenderText {#text} at (0,0) size 704x22
17 text run at (0,0) width 704: "The orange stripe has 'overflow: auto', 'margin-left: 100px' and 'margin-right: 100px'"
18 RenderBR {BR} at (704,0) size 0x22
19 RenderText {#text} at (0,22) size 663x22
20 text run at (0,22) width 663: "The lime stripes are floats with various width (topmost is 0, bottommost is 150px)"
21 RenderBR {BR} at (663,22) size 0x22
22 RenderText {#text} at (0,44) size 404x22
23 text run at (0,44) width 404: "The wrapping container has a solid silver border."
24 RenderBlock {DIV} at (16,180.16) size 650x28 [border: (5px solid #C0C0C0)]
25 RenderBlock (floating) {DIV} at (5,5) size 0x16 [bgcolor=#00FF00]
26 RenderText {#text} at (0,0) size 38x18
27 text run at (0,0) width 38: "floatL"
28 RenderBlock {DIV} at (16,224.16) size 650x28 [border: (5px solid #C0C0C0)]
29 RenderBlock (floating) {DIV} at (5,5) size 50x16 [bgcolor=#00FF00]
30 RenderText {#text} at (0,0) size 38x18
31 text run at (0,0) width 38: "floatL"
32 RenderBlock {DIV} at (16,268.16) size 650x28 [border: (5px solid #C0C0C0)]
33 RenderBlock (floating) {DIV} at (5,5) size 100x16 [bgcolor=#00FF00]
34 RenderText {#text} at (0,0) size 38x18
35 text run at (0,0) width 38: "floatL"
36 RenderBlock {DIV} at (16,312.16) size 650x28 [border: (5px solid #C0C0C0)]
37 RenderBlock (floating) {DIV} at (5,5) size 150x16 [bgcolor=#00FF00]
38 RenderText {#text} at (0,0) size 82x18
39 text run at (0,0) width 82: "floatL 150px"
40 RenderBlock {DIV} at (16,356.16) size 650x28 [border: (5px solid #C0C0C0)]
41 RenderBlock (floating) {DIV} at (645,5) size 0x16 [bgcolor=#00FF00]
42 RenderText {#text} at (0,0) size 39x18
43 text run at (0,0) width 39: "floatR"
44 RenderBlock {DIV} at (16,400.16) size 650x28 [border: (5px solid #C0C0C0)]
45 RenderBlock (floating) {DIV} at (595,5) size 50x16 [bgcolor=#00FF00]
46 RenderText {#text} at (0,0) size 39x18
47 text run at (0,0) width 39: "floatR"
48 RenderBlock {DIV} at (16,444.16) size 650x28 [border: (5px solid #C0C0C0)]
49 RenderBlock (floating) {DIV} at (545,5) size 100x16 [bgcolor=#00FF00]
50 RenderText {#text} at (0,0) size 39x18
51 text run at (0,0) width 39: "floatR"
52 RenderBlock {DIV} at (16,488.16) size 650x28 [border: (5px solid #C0C0C0)]
53 RenderBlock (floating) {DIV} at (495,5) size 150x16 [bgcolor=#00FF00]
54 RenderText {#text} at (0,0) size 83x18
55 text run at (0,0) width 83: "floatR 150px"
56 RenderBlock {H3} at (0,534.88) size 769x66
57 RenderText {#text} at (0,0) size 676x22
58 text run at (0,0) width 676: "The orange stripe has 'overflow: auto', 'margin-left: auto' and 'margin-right: auto'"
59 RenderBR {BR} at (676,0) size 0x22
60 RenderText {#text} at (0,22) size 663x22
61 text run at (0,22) width 663: "The lime stripes are floats with various width (topmost is 0, bottommost is 150px)"
62 RenderBR {BR} at (663,22) size 0x22
63 RenderText {#text} at (0,44) size 404x22
64 text run at (0,44) width 404: "The wrapping container has a solid silver border."
65 layer at (129,207) size 440x18
66 RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500]
67 RenderText {#text} at (0,0) size 172x18
68 text run at (0,0) width 172: "<div> with 'overflow: auto'"
69 layer at (129,251) size 440x18
70 RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500]
71 RenderText {#text} at (0,0) size 172x18
72 text run at (0,0) width 172: "<div> with 'overflow: auto'"
73 layer at (129,295) size 440x18
74 RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500]
75 RenderText {#text} at (0,0) size 172x18
76 text run at (0,0) width 172: "<div> with 'overflow: auto'"
77 layer at (179,339) size 390x18
78 RenderBlock {DIV} at (155,5) size 390x18 [bgcolor=#FFA500]
79 RenderText {#text} at (0,0) size 172x18
80 text run at (0,0) width 172: "<div> with 'overflow: auto'"
81 layer at (129,383) size 440x18
82 RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500]
83 RenderText {#text} at (0,0) size 172x18
84 text run at (0,0) width 172: "<div> with 'overflow: auto'"
85 layer at (129,427) size 440x18
86 RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500]
87 RenderText {#text} at (0,0) size 172x18
88 text run at (0,0) width 172: "<div> with 'overflow: auto'"
89 layer at (129,471) size 440x18
90 RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500]
91 RenderText {#text} at (0,0) size 172x18
92 text run at (0,0) width 172: "<div> with 'overflow: auto'"
93 layer at (129,515) size 390x18
94 RenderBlock {DIV} at (105,5) size 390x18 [bgcolor=#FFA500]
95 RenderText {#text} at (0,0) size 172x18
96 text run at (0,0) width 172: "<div> with 'overflow: auto'"