1 layer at (0,0) size 784x990
2 RenderView at (0,0) size 784x600
3 layer at (0,0) size 784x990
4 RenderBlock {HTML} at (0,0) size 784x990
5 RenderBody {BODY} at (8,8) size 768x974 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 768x21
7 RenderText {#text} at (0,0) size 395x21
8 text run at (0,0) width 395: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,34) size 768x153
10 RenderText {#text} at (0,0) size 442x153
11 text run at (0,0) width 259: "P { margin: 0; padding: 0; text-align: justify;}"
12 text run at (259,0) width 0: " "
13 text run at (0,17) width 0: " "
14 text run at (0,34) width 261: "DIV.menu {float: left; clear: left; width: 11em;"
15 text run at (261,34) width 0: " "
16 text run at (0,51) width 326: " margin: 0; margin-bottom: 10px; padding: 0.5em;}"
17 text run at (326,51) width 0: " "
18 text run at (0,68) width 318: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}"
19 text run at (318,68) width 0: " "
20 text run at (0,85) width 354: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
21 text run at (354,85) width 0: " "
22 text run at (0,102) width 442: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
23 text run at (442,102) width 0: " "
24 text run at (0,119) width 318: " color: black; background: yellow; clear: none;}"
25 text run at (318,119) width 0: " "
26 text run at (0,136) width 0: " "
27 RenderBlock {HR} at (0,200) size 768x2 [border: (1px inset #000000)]
28 RenderBlock (floating) {DIV} at (0,210) size 192x131 [color=#FFFFFF] [bgcolor=#008000]
29 RenderBlock {H1} at (8,8) size 176x25
30 RenderText {#text} at (0,0) size 93x25
31 text run at (0,0) width 93: "Top menu"
32 RenderBlock {UL} at (24,36) size 156x84
33 RenderListItem {LI} at (0,0) size 156x21
34 RenderListMarker at (-18,0) size 7x21: bullet
35 RenderText {#text} at (0,0) size 41x21
36 text run at (0,0) width 41: "green"
37 RenderListItem {LI} at (0,21) size 156x21
38 RenderListMarker at (-18,0) size 7x21: bullet
39 RenderText {#text} at (0,0) size 67x21
40 text run at (0,0) width 67: "white text"
41 RenderListItem {LI} at (0,42) size 156x21
42 RenderListMarker at (-18,0) size 7x21: bullet
43 RenderText {#text} at (0,0) size 106x21
44 text run at (0,0) width 106: "0.5em padding"
45 RenderListItem {LI} at (0,63) size 156x21
46 RenderListMarker at (-18,0) size 7x21: bullet
47 RenderText {#text} at (0,0) size 97x21
48 text run at (0,0) width 97: "0.5em margin"
49 RenderBlock (floating) {DIV} at (0,351) size 192x131 [color=#FFFFFF] [bgcolor=#0000FF]
50 RenderBlock {H1} at (8,8) size 176x25
51 RenderText {#text} at (0,0) size 124x25
52 text run at (0,0) width 124: "Bottom menu"
53 RenderBlock {UL} at (24,36) size 156x84
54 RenderListItem {LI} at (0,0) size 156x21
55 RenderListMarker at (-18,0) size 7x21: bullet
56 RenderText {#text} at (0,0) size 119x21
57 text run at (0,0) width 119: "blue background"
58 RenderListItem {LI} at (0,21) size 156x21
59 RenderListMarker at (-18,0) size 7x21: bullet
60 RenderText {#text} at (0,0) size 67x21
61 text run at (0,0) width 67: "white text"
62 RenderListItem {LI} at (0,42) size 156x21
63 RenderListMarker at (-18,0) size 7x21: bullet
64 RenderText {#text} at (0,0) size 106x21
65 text run at (0,0) width 106: "0.5em padding"
66 RenderListItem {LI} at (0,63) size 156x21
67 RenderListMarker at (-18,0) size 7x21: bullet
68 RenderText {#text} at (0,0) size 97x21
69 text run at (0,0) width 97: "0.5em margin"
70 RenderBlock {DIV} at (224,210) size 512x268 [bgcolor=#FFFF00]
71 RenderBlock {H1} at (8,29) size 496x42
72 RenderText {#text} at (0,0) size 298x42
73 text run at (0,0) width 298: "The 'clear' property"
74 RenderBlock {P} at (8,92) size 496x126
75 RenderText {#text} at (0,0) size 496x126
76 text run at (0,0) width 496: "This page has two floating \"menus\" on the side; one has a green"
77 text run at (0,21) width 337: "background, and the other a blue background. "
78 text run at (337,21) width 159: "Due to settings on the"
79 text run at (0,42) width 496: "'float' and 'clear' properties, the two menus should appear on the left"
80 text run at (0,63) width 496: "side of the page, the blue below the green. There should be a 10px"
81 text run at (0,84) width 496: "gap between the two menus. There should also be a 10px gap"
82 text run at (0,105) width 327: "between the top menu and the top of the page."
83 RenderBlock {P} at (8,218) size 496x42
84 RenderText {#text} at (0,0) size 496x42
85 text run at (0,0) width 496: "The top of the yellow rectangle (to which this paragraph belongs)"
86 text run at (0,21) width 441: "should be vertically aligned with the top of the green rectangle."
87 RenderTable {TABLE} at (192,478) size 576x496 [border: (1px outset #808080)]
88 RenderTableSection {TBODY} at (1,1) size 574x494
89 RenderTableRow {TR} at (0,0) size 574x29
90 RenderTableCell {TD} at (0,0) size 574x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
91 RenderInline {STRONG} at (0,0) size 178x21
92 RenderText {#text} at (4,4) size 178x21
93 text run at (4,4) width 178: "TABLE Testing Section"
94 RenderTableRow {TR} at (0,29) size 574x465
95 RenderTableCell {TD} at (0,247) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
96 RenderText {#text} at (4,4) size 4x21
97 text run at (4,4) width 4: " "
98 RenderTableCell {TD} at (12,29) size 562x465 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
99 RenderBlock (floating) {DIV} at (4,4) size 192x131 [color=#FFFFFF] [bgcolor=#008000]
100 RenderBlock {H1} at (8,8) size 176x25
101 RenderText {#text} at (0,0) size 93x25
102 text run at (0,0) width 93: "Top menu"
103 RenderBlock {UL} at (24,36) size 156x84
104 RenderListItem {LI} at (0,0) size 156x21
105 RenderListMarker at (-18,0) size 7x21: bullet
106 RenderText {#text} at (0,0) size 41x21
107 text run at (0,0) width 41: "green"
108 RenderListItem {LI} at (0,21) size 156x21
109 RenderListMarker at (-18,0) size 7x21: bullet
110 RenderText {#text} at (0,0) size 67x21
111 text run at (0,0) width 67: "white text"
112 RenderListItem {LI} at (0,42) size 156x21
113 RenderListMarker at (-18,0) size 7x21: bullet
114 RenderText {#text} at (0,0) size 106x21
115 text run at (0,0) width 106: "0.5em padding"
116 RenderListItem {LI} at (0,63) size 156x21
117 RenderListMarker at (-18,0) size 7x21: bullet
118 RenderText {#text} at (0,0) size 97x21
119 text run at (0,0) width 97: "0.5em margin"
120 RenderBlock (floating) {DIV} at (4,145) size 192x131 [color=#FFFFFF] [bgcolor=#0000FF]
121 RenderBlock {H1} at (8,8) size 176x25
122 RenderText {#text} at (0,0) size 124x25
123 text run at (0,0) width 124: "Bottom menu"
124 RenderBlock {UL} at (24,36) size 156x84
125 RenderListItem {LI} at (0,0) size 156x21
126 RenderListMarker at (-18,0) size 7x21: bullet
127 RenderText {#text} at (0,0) size 119x21
128 text run at (0,0) width 119: "blue background"
129 RenderListItem {LI} at (0,21) size 156x21
130 RenderListMarker at (-18,0) size 7x21: bullet
131 RenderText {#text} at (0,0) size 67x21
132 text run at (0,0) width 67: "white text"
133 RenderListItem {LI} at (0,42) size 156x21
134 RenderListMarker at (-18,0) size 7x21: bullet
135 RenderText {#text} at (0,0) size 106x21
136 text run at (0,0) width 106: "0.5em padding"
137 RenderListItem {LI} at (0,63) size 156x21
138 RenderListMarker at (-18,0) size 7x21: bullet
139 RenderText {#text} at (0,0) size 97x21
140 text run at (0,0) width 97: "0.5em margin"
141 RenderBlock {DIV} at (228,4) size 298x457 [bgcolor=#FFFF00]
142 RenderBlock {H1} at (8,29) size 282x84
143 RenderText {#text} at (0,0) size 158x84
144 text run at (0,0) width 158: "The 'clear'"
145 text run at (0,42) width 131: "property"
146 RenderBlock {P} at (8,134) size 282x231
147 RenderText {#text} at (0,0) size 282x231
148 text run at (0,0) width 282: "This page has two floating \"menus\" on"
149 text run at (0,21) width 282: "the side; one has a green background,"
150 text run at (0,42) width 252: "and the other a blue background. "
151 text run at (252,42) width 30: "Due"
152 text run at (0,63) width 282: "to settings on the 'float' and 'clear'"
153 text run at (0,84) width 282: "properties, the two menus should"
154 text run at (0,105) width 282: "appear on the left side of the page, the"
155 text run at (0,126) width 282: "blue below the green. There should be"
156 text run at (0,147) width 282: "a 10px gap between the two menus."
157 text run at (0,168) width 282: "There should also be a 10px gap"
158 text run at (0,189) width 282: "between the top menu and the top of"
159 text run at (0,210) width 66: "the page."
160 RenderBlock {P} at (8,365) size 282x84
161 RenderText {#text} at (0,0) size 282x84
162 text run at (0,0) width 282: "The top of the yellow rectangle (to"
163 text run at (0,21) width 282: "which this paragraph belongs) should"
164 text run at (0,42) width 282: "be vertically aligned with the top of the"
165 text run at (0,63) width 115: "green rectangle."