1 layer at (0,0) size 784x791
2 RenderView at (0,0) size 784x600
3 layer at (0,0) size 784x791
4 RenderBlock {HTML} at (0,0) size 784x791
5 RenderBody {BODY} at (8,8) size 768x775 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 768x18
7 RenderText {#text} at (0,0) size 363x17
8 text run at (0,0) width 363: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,31) size 768x135
10 RenderText {#text} at (0,0) size 601x135
11 text run at (0,0) width 383: "P { margin: 0; padding: 0; text-align: justify;}"
12 text run at (382,0) width 1: " "
13 text run at (0,15) width 0: " "
14 text run at (0,30) width 375: "DIV.menu {float: left; clear: left; width: 11em;"
15 text run at (374,30) width 1: " "
16 text run at (0,45) width 453: " margin: 0; margin-bottom: 10px; padding: 0.5em;}"
17 text run at (452,45) width 1: " "
18 text run at (0,60) width 422: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}"
19 text run at (421,60) width 1: " "
20 text run at (0,75) width 437: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
21 text run at (436,75) width 1: " "
22 text run at (0,90) width 601: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
23 text run at (600,90) width 1: " "
24 text run at (0,105) width 469: " color: black; background: yellow; clear: none;}"
25 text run at (468,105) width 1: " "
26 text run at (0,120) width 0: " "
27 RenderBlock {HR} at (0,179) size 768x2 [border: (1px inset #000000)]
28 RenderBlock (floating) {DIV} at (0,189) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
29 RenderBlock {H1} at (8,8) size 176x22
30 RenderText {#text} at (0,0) size 83x21
31 text run at (0,0) width 83: "Top menu"
32 RenderBlock {UL} at (24,33) size 156x72
33 RenderListItem {LI} at (0,0) size 156x18
34 RenderListMarker at (-17,0) size 7x17: bullet
35 RenderText {#text} at (0,0) size 36x17
36 text run at (0,0) width 36: "green"
37 RenderListItem {LI} at (0,18) size 156x18
38 RenderListMarker at (-17,0) size 7x17: bullet
39 RenderText {#text} at (0,0) size 64x17
40 text run at (0,0) width 64: "white text"
41 RenderListItem {LI} at (0,36) size 156x18
42 RenderListMarker at (-17,0) size 7x17: bullet
43 RenderText {#text} at (0,0) size 96x17
44 text run at (0,0) width 96: "0.5em padding"
45 RenderListItem {LI} at (0,54) size 156x18
46 RenderListMarker at (-17,0) size 7x17: bullet
47 RenderText {#text} at (0,0) size 89x17
48 text run at (0,0) width 89: "0.5em margin"
49 RenderBlock (floating) {DIV} at (0,315) size 192x116 [color=#FFFFFF] [bgcolor=#0000FF]
50 RenderBlock {H1} at (8,8) size 176x22
51 RenderText {#text} at (0,0) size 111x21
52 text run at (0,0) width 111: "Bottom menu"
53 RenderBlock {UL} at (24,33) size 156x72
54 RenderListItem {LI} at (0,0) size 156x18
55 RenderListMarker at (-17,0) size 7x17: bullet
56 RenderText {#text} at (0,0) size 108x17
57 text run at (0,0) width 108: "blue background"
58 RenderListItem {LI} at (0,18) size 156x18
59 RenderListMarker at (-17,0) size 7x17: bullet
60 RenderText {#text} at (0,0) size 64x17
61 text run at (0,0) width 64: "white text"
62 RenderListItem {LI} at (0,36) size 156x18
63 RenderListMarker at (-17,0) size 7x17: bullet
64 RenderText {#text} at (0,0) size 96x17
65 text run at (0,0) width 96: "0.5em padding"
66 RenderListItem {LI} at (0,54) size 156x18
67 RenderListMarker at (-17,0) size 7x17: bullet
68 RenderText {#text} at (0,0) size 89x17
69 text run at (0,0) width 89: "0.5em margin"
70 RenderBlock {DIV} at (224,189) size 512x221 [bgcolor=#FFFF00]
71 RenderBlock {H1} at (8,29) size 496x37
72 RenderText {#text} at (0,0) size 276x36
73 text run at (0,0) width 276: "The 'clear' property"
74 RenderBlock {P} at (8,87) size 496x90
75 RenderText {#text} at (0,0) size 496x89
76 text run at (0,0) width 496: "This page has two floating \"menus\" on the side; one has a green background,"
77 text run at (0,18) width 230: "and the other a blue background. "
78 text run at (229,18) width 267: "Due to settings on the 'float' and 'clear'"
79 text run at (0,36) width 496: "properties, the two menus should appear on the left side of the page, the blue"
80 text run at (0,54) width 496: "below the green. There should be a 10px gap between the two menus. There"
81 text run at (0,72) width 465: "should also be a 10px gap between the top menu and the top of the page."
82 RenderBlock {P} at (8,177) size 496x36
83 RenderText {#text} at (0,0) size 496x35
84 text run at (0,0) width 496: "The top of the yellow rectangle (to which this paragraph belongs) should be"
85 text run at (0,18) width 339: "vertically aligned with the top of the green rectangle."
86 RenderTable {TABLE} at (192,410) size 576x365 [border: (1px outset #808080)]
87 RenderTableSection {TBODY} at (1,1) size 574x363
88 RenderTableRow {TR} at (0,0) size 574x26
89 RenderTableCell {TD} at (0,0) size 574x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
90 RenderInline {STRONG} at (0,0) size 163x17
91 RenderText {#text} at (4,4) size 163x17
92 text run at (4,4) width 163: "TABLE Testing Section"
93 RenderTableRow {TR} at (0,26) size 574x337
94 RenderTableCell {TD} at (0,181) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
95 RenderText {#text} at (4,4) size 4x17
96 text run at (4,4) width 4: " "
97 RenderTableCell {TD} at (12,26) size 562x337 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
98 RenderBlock (floating) {DIV} at (4,4) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
99 RenderBlock {H1} at (8,8) size 176x22
100 RenderText {#text} at (0,0) size 83x21
101 text run at (0,0) width 83: "Top menu"
102 RenderBlock {UL} at (24,33) size 156x72
103 RenderListItem {LI} at (0,0) size 156x18
104 RenderListMarker at (-17,0) size 7x17: bullet
105 RenderText {#text} at (0,0) size 36x17
106 text run at (0,0) width 36: "green"
107 RenderListItem {LI} at (0,18) size 156x18
108 RenderListMarker at (-17,0) size 7x17: bullet
109 RenderText {#text} at (0,0) size 64x17
110 text run at (0,0) width 64: "white text"
111 RenderListItem {LI} at (0,36) size 156x18
112 RenderListMarker at (-17,0) size 7x17: bullet
113 RenderText {#text} at (0,0) size 96x17
114 text run at (0,0) width 96: "0.5em padding"
115 RenderListItem {LI} at (0,54) size 156x18
116 RenderListMarker at (-17,0) size 7x17: bullet
117 RenderText {#text} at (0,0) size 89x17
118 text run at (0,0) width 89: "0.5em margin"
119 RenderBlock (floating) {DIV} at (4,130) size 192x116 [color=#FFFFFF] [bgcolor=#0000FF]
120 RenderBlock {H1} at (8,8) size 176x22
121 RenderText {#text} at (0,0) size 111x21
122 text run at (0,0) width 111: "Bottom menu"
123 RenderBlock {UL} at (24,33) size 156x72
124 RenderListItem {LI} at (0,0) size 156x18
125 RenderListMarker at (-17,0) size 7x17: bullet
126 RenderText {#text} at (0,0) size 108x17
127 text run at (0,0) width 108: "blue background"
128 RenderListItem {LI} at (0,18) size 156x18
129 RenderListMarker at (-17,0) size 7x17: bullet
130 RenderText {#text} at (0,0) size 64x17
131 text run at (0,0) width 64: "white text"
132 RenderListItem {LI} at (0,36) size 156x18
133 RenderListMarker at (-17,0) size 7x17: bullet
134 RenderText {#text} at (0,0) size 96x17
135 text run at (0,0) width 96: "0.5em padding"
136 RenderListItem {LI} at (0,54) size 156x18
137 RenderListMarker at (-17,0) size 7x17: bullet
138 RenderText {#text} at (0,0) size 89x17
139 text run at (0,0) width 89: "0.5em margin"
140 RenderBlock {DIV} at (228,4) size 298x329 [bgcolor=#FFFF00]
141 RenderBlock {H1} at (8,29) size 282x37
142 RenderText {#text} at (0,0) size 276x36
143 text run at (0,0) width 276: "The 'clear' property"
144 RenderBlock {P} at (8,87) size 282x180
145 RenderText {#text} at (0,0) size 282x179
146 text run at (0,0) width 282: "This page has two floating \"menus\" on the"
147 text run at (0,18) width 282: "side; one has a green background, and the"
148 text run at (0,36) width 165: "other a blue background. "
149 text run at (164,36) width 118: "Due to settings on"
150 text run at (0,54) width 282: "the 'float' and 'clear' properties, the two"
151 text run at (0,72) width 282: "menus should appear on the left side of the"
152 text run at (0,90) width 282: "page, the blue below the green. There"
153 text run at (0,108) width 282: "should be a 10px gap between the two"
154 text run at (0,126) width 282: "menus. There should also be a 10px gap"
155 text run at (0,144) width 282: "between the top menu and the top of the"
156 text run at (0,162) width 35: "page."
157 RenderBlock {P} at (8,267) size 282x54
158 RenderText {#text} at (0,0) size 282x53
159 text run at (0,0) width 282: "The top of the yellow rectangle (to which"
160 text run at (0,18) width 282: "this paragraph belongs) should be vertically"
161 text run at (0,36) width 275: "aligned with the top of the green rectangle."