1 layer at (0,0) size 785x712
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x712
4 RenderBlock {HTML} at (0,0) size 785x712
5 RenderBody {BODY} at (8,8) size 769x684 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x18
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 769x208
10 RenderText {#text} at (0,0) size 512x208
11 text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align: justify;}"
12 text run at (392,0) width 0: " "
13 text run at (0,16) width 0: " "
14 text run at (0,32) width 336: "DIV.yellow, DIV.blue, DIV.red, DIV.green {"
15 text run at (336,32) width 0: " "
16 text run at (0,48) width 336: " width: 60px; padding: 20px; margin: 10px;"
17 text run at (336,48) width 0: " "
18 text run at (0,64) width 472: " border: 20px solid black; float: left; text-align: center;"
19 text run at (472,64) width 0: " "
20 text run at (0,80) width 360: " font-family: \"Times New Roman\",Times,serif;}"
21 text run at (360,80) width 0: " "
22 text run at (0,96) width 512: "DIV.yellow {margin-left: 0px; background: yellow; color: black;}"
23 text run at (512,96) width 0: " "
24 text run at (0,112) width 336: "DIV.blue {background: blue; color: white;}"
25 text run at (336,112) width 0: " "
26 text run at (0,128) width 320: "DIV.red {background: red; color: black;}"
27 text run at (320,128) width 0: " "
28 text run at (0,144) width 352: "DIV.green {background: green; color: white;}"
29 text run at (352,144) width 0: " "
30 text run at (0,160) width 192: "DIV.below {clear: both;}"
31 text run at (192,160) width 0: " "
32 text run at (0,176) width 200: "TABLE {margin: 20px 0px;}"
33 text run at (200,176) width 0: " "
34 text run at (0,192) width 0: " "
35 RenderBlock {HR} at (0,252) size 769x2 [border: (1px inset #EEEEEE)]
36 RenderBlock {P} at (0,262) size 769x36
37 RenderText {#text} at (0,0) size 769x35
38 text run at (0,0) width 769: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this"
39 text run at (0,18) width 447: "page indicates how the DIV elements should be laid out horizontally. "
40 text run at (447,18) width 223: "They should align with each other."
41 RenderBlock (floating) {DIV} at (0,308) size 140x98 [bgcolor=#FFFF00] [border: (20px solid #000000)]
42 RenderBlock {P} at (40,40) size 60x18
43 RenderText {#text} at (0,0) size 48x17
44 text run at (0,0) width 48: "Yellow"
45 RenderBlock (floating) {DIV} at (160,308) size 140x98 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
46 RenderBlock {P} at (40,40) size 60x18
47 RenderText {#text} at (0,0) size 31x17
48 text run at (0,0) width 31: "Blue"
49 RenderBlock (floating) {DIV} at (320,308) size 140x98 [bgcolor=#FF0000] [border: (20px solid #000000)]
50 RenderBlock {P} at (40,40) size 60x18
51 RenderText {#text} at (0,0) size 26x17
52 text run at (0,0) width 26: "Red"
53 RenderBlock (floating) {DIV} at (480,308) size 140x98 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
54 RenderBlock {P} at (40,40) size 60x18
55 RenderText {#text} at (0,0) size 40x17
56 text run at (0,0) width 40: "Green"
57 RenderBlock {DIV} at (0,416) size 769x19
58 RenderTable {TABLE} at (0,0) size 620x19
59 RenderTableSection {TBODY} at (0,0) size 620x19
60 RenderTableRow {TR} at (0,0) size 620x19
61 RenderTableCell {TD} at (0,9) size 20x1 [bgcolor=#000000] [r=0 c=0 rs=1 cs=1]
62 RenderImage {IMG} at (0,0) size 20x1
63 RenderTableCell {TD} at (20,9) size 100x1 [bgcolor=#FFFF00] [r=0 c=1 rs=1 cs=1]
64 RenderImage {IMG} at (0,0) size 100x1
65 RenderTableCell {TD} at (120,9) size 20x0 [bgcolor=#000000] [r=0 c=2 rs=1 cs=1]
66 RenderTableCell {TD} at (140,9) size 20x1 [bgcolor=#FFFFFF] [r=0 c=3 rs=1 cs=1]
67 RenderImage {IMG} at (0,0) size 20x1
68 RenderTableCell {TD} at (160,9) size 20x1 [bgcolor=#000000] [r=0 c=4 rs=1 cs=1]
69 RenderImage {IMG} at (0,0) size 20x1
70 RenderTableCell {TD} at (180,9) size 100x1 [bgcolor=#0000FF] [r=0 c=5 rs=1 cs=1]
71 RenderImage {IMG} at (0,0) size 100x1
72 RenderTableCell {TD} at (280,9) size 20x1 [bgcolor=#000000] [r=0 c=6 rs=1 cs=1]
73 RenderImage {IMG} at (0,0) size 20x1
74 RenderTableCell {TD} at (300,9) size 20x1 [bgcolor=#FFFFFF] [r=0 c=7 rs=1 cs=1]
75 RenderImage {IMG} at (0,0) size 20x1
76 RenderTableCell {TD} at (320,9) size 20x1 [bgcolor=#000000] [r=0 c=8 rs=1 cs=1]
77 RenderImage {IMG} at (0,0) size 20x1
78 RenderTableCell {TD} at (340,9) size 100x1 [bgcolor=#FF0000] [r=0 c=9 rs=1 cs=1]
79 RenderImage {IMG} at (0,0) size 100x1
80 RenderTableCell {TD} at (440,0) size 20x19 [bgcolor=#000000] [r=0 c=10 rs=1 cs=1]
81 RenderImage {IMG} at (0,0) size 20x1
82 RenderText {#text} at (0,1) size 5x17
83 text run at (0,1) width 5: ";"
84 RenderTableCell {TD} at (460,9) size 20x1 [bgcolor=#FFFFFF] [r=0 c=11 rs=1 cs=1]
85 RenderImage {IMG} at (0,0) size 20x1
86 RenderTableCell {TD} at (480,9) size 20x1 [bgcolor=#000000] [r=0 c=12 rs=1 cs=1]
87 RenderImage {IMG} at (0,0) size 20x1
88 RenderTableCell {TD} at (500,9) size 100x1 [bgcolor=#008000] [r=0 c=13 rs=1 cs=1]
89 RenderImage {IMG} at (0,0) size 100x1
90 RenderTableCell {TD} at (600,9) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
91 RenderImage {IMG} at (0,0) size 20x1
92 RenderTable {TABLE} at (0,455) size 769x229 [border: (1px outset #808080)]
93 RenderTableSection {TBODY} at (1,1) size 767x227
94 RenderTableRow {TR} at (0,0) size 767x26
95 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
96 RenderInline {STRONG} at (0,0) size 163x17
97 RenderText {#text} at (4,4) size 163x17
98 text run at (4,4) width 163: "TABLE Testing Section"
99 RenderTableRow {TR} at (0,26) size 767x201
100 RenderTableCell {TD} at (0,113) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
101 RenderText {#text} at (4,4) size 4x17
102 text run at (4,4) width 4: " "
103 RenderTableCell {TD} at (12,26) size 755x201 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
104 RenderBlock {P} at (4,4) size 747x36
105 RenderText {#text} at (0,0) size 747x35
106 text run at (0,0) width 747: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this"
107 text run at (0,18) width 447: "page indicates how the DIV elements should be laid out horizontally. "
108 text run at (447,18) width 223: "They should align with each other."
109 RenderBlock (floating) {DIV} at (4,50) size 140x98 [bgcolor=#FFFF00] [border: (20px solid #000000)]
110 RenderBlock {P} at (40,40) size 60x18
111 RenderText {#text} at (0,0) size 48x17
112 text run at (0,0) width 48: "Yellow"
113 RenderBlock (floating) {DIV} at (164,50) size 140x98 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
114 RenderBlock {P} at (40,40) size 60x18
115 RenderText {#text} at (0,0) size 31x17
116 text run at (0,0) width 31: "Blue"
117 RenderBlock (floating) {DIV} at (324,50) size 140x98 [bgcolor=#FF0000] [border: (20px solid #000000)]
118 RenderBlock {P} at (40,40) size 60x18
119 RenderText {#text} at (0,0) size 26x17
120 text run at (0,0) width 26: "Red"
121 RenderBlock (floating) {DIV} at (484,50) size 140x98 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
122 RenderBlock {P} at (40,40) size 60x18
123 RenderText {#text} at (0,0) size 40x17
124 text run at (0,0) width 40: "Green"
125 RenderBlock {DIV} at (4,158) size 747x19
126 RenderTable {TABLE} at (0,0) size 620x19
127 RenderTableSection {TBODY} at (0,0) size 620x19
128 RenderTableRow {TR} at (0,0) size 620x19
129 RenderTableCell {TD} at (0,9) size 20x1 [bgcolor=#000000] [r=0 c=0 rs=1 cs=1]
130 RenderImage {IMG} at (0,0) size 20x1
131 RenderTableCell {TD} at (20,9) size 100x1 [bgcolor=#FFFF00] [r=0 c=1 rs=1 cs=1]
132 RenderImage {IMG} at (0,0) size 100x1
133 RenderTableCell {TD} at (120,9) size 20x0 [bgcolor=#000000] [r=0 c=2 rs=1 cs=1]
134 RenderTableCell {TD} at (140,9) size 20x1 [bgcolor=#FFFFFF] [r=0 c=3 rs=1 cs=1]
135 RenderImage {IMG} at (0,0) size 20x1
136 RenderTableCell {TD} at (160,9) size 20x1 [bgcolor=#000000] [r=0 c=4 rs=1 cs=1]
137 RenderImage {IMG} at (0,0) size 20x1
138 RenderTableCell {TD} at (180,9) size 100x1 [bgcolor=#0000FF] [r=0 c=5 rs=1 cs=1]
139 RenderImage {IMG} at (0,0) size 100x1
140 RenderTableCell {TD} at (280,9) size 20x1 [bgcolor=#000000] [r=0 c=6 rs=1 cs=1]
141 RenderImage {IMG} at (0,0) size 20x1
142 RenderTableCell {TD} at (300,9) size 20x1 [bgcolor=#FFFFFF] [r=0 c=7 rs=1 cs=1]
143 RenderImage {IMG} at (0,0) size 20x1
144 RenderTableCell {TD} at (320,9) size 20x1 [bgcolor=#000000] [r=0 c=8 rs=1 cs=1]
145 RenderImage {IMG} at (0,0) size 20x1
146 RenderTableCell {TD} at (340,9) size 100x1 [bgcolor=#FF0000] [r=0 c=9 rs=1 cs=1]
147 RenderImage {IMG} at (0,0) size 100x1
148 RenderTableCell {TD} at (440,0) size 20x19 [bgcolor=#000000] [r=0 c=10 rs=1 cs=1]
149 RenderImage {IMG} at (0,0) size 20x1
150 RenderText {#text} at (0,1) size 5x17
151 text run at (0,1) width 5: ";"
152 RenderTableCell {TD} at (460,9) size 20x1 [bgcolor=#FFFFFF] [r=0 c=11 rs=1 cs=1]
153 RenderImage {IMG} at (0,0) size 20x1
154 RenderTableCell {TD} at (480,9) size 20x1 [bgcolor=#000000] [r=0 c=12 rs=1 cs=1]
155 RenderImage {IMG} at (0,0) size 20x1
156 RenderTableCell {TD} at (500,9) size 100x1 [bgcolor=#008000] [r=0 c=13 rs=1 cs=1]
157 RenderImage {IMG} at (0,0) size 100x1
158 RenderTableCell {TD} at (600,9) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
159 RenderImage {IMG} at (0,0) size 20x1