1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x478
4 RenderBlock {HTML} at (0,0) size 800x478
5 layer at (0,0) size 800x478
6 RenderBody {BODY} at (0,0) size 800x478
7 RenderBlock {DIV} at (0,0) size 800x55
8 RenderText {#text} at (0,20) size 73x16
9 text run at (0,20) width 73: "before text "
10 RenderFlexibleBox {DIV} at (72.84,5) size 129.73x50 [bgcolor=#D3D3D3]
11 RenderBlock {DIV} at (0,34) size 39.11x16
12 RenderText {#text} at (0,0) size 40x16
13 text run at (0,0) width 40: "below"
14 RenderBlock {DIV} at (39.11,15) size 52.42x16
15 RenderText {#text} at (0,0) size 53x16
16 text run at (0,0) width 53: "baseline"
17 RenderBlock {DIV} at (91.53,0) size 38.20x16
18 RenderText {#text} at (0,0) size 39x16
19 text run at (0,0) width 39: "above"
20 RenderText {#text} at (202,20) size 62x16
21 text run at (202,20) width 62: " after text"
22 RenderBlock {DIV} at (0,55) size 800x45
23 RenderText {#text} at (0,29) size 73x16
24 text run at (0,29) width 73: "before text "
25 RenderFlexibleBox {DIV} at (72.84,5) size 90.63x40 [bgcolor=#D3D3D3]
26 RenderBlock {DIV} at (0,24) size 52.42x16
27 RenderText {#text} at (0,0) size 53x16
28 text run at (0,0) width 53: "baseline"
29 RenderBlock {DIV} at (52.42,0) size 0x0
30 RenderBlock {DIV} at (52.42,0) size 38.20x16
31 RenderText {#text} at (0,0) size 39x16
32 text run at (0,0) width 39: "above"
33 RenderText {#text} at (163,29) size 62x16
34 text run at (163,29) width 62: " after text"
35 RenderBlock {DIV} at (0,100) size 800x68
36 RenderText {#text} at (0,30) size 73x16
37 text run at (0,30) width 73: "before text "
38 RenderFlexibleBox {DIV} at (72.84,5) size 152.23x63.81 [bgcolor=#D3D3D3]
39 RenderBlock {H2} at (0,19.91) size 114.03x24
40 RenderText {#text} at (0,0) size 115x24
41 text run at (0,0) width 115: "h2 baseline"
42 RenderBlock {DIV} at (114.03,0) size 38.20x63.81
43 RenderText {#text} at (0,0) size 39x16
44 text run at (0,0) width 39: "above"
45 RenderText {#text} at (225,30) size 62x16
46 text run at (225,30) width 62: " after text"
47 RenderBlock {DIV} at (0,168) size 800x68
48 RenderText {#text} at (0,5) size 73x16
49 text run at (0,5) width 73: "before text "
50 RenderFlexibleBox {DIV} at (72.84,5) size 143.78x63.81 [bgcolor=#D3D3D3]
51 RenderBlock {DIV} at (0,0) size 52.42x63.81
52 RenderText {#text} at (0,0) size 53x16
53 text run at (0,0) width 53: "baseline"
54 RenderBlock {H2} at (52.42,19.91) size 91.36x24
55 RenderText {#text} at (0,0) size 92x24
56 text run at (0,0) width 92: "h2 below"
57 RenderText {#text} at (216,5) size 62x16
58 text run at (216,5) width 62: " after text"
59 RenderBlock {DIV} at (0,236) size 800x45
60 RenderText {#text} at (0,14) size 188x16
61 text run at (0,14) width 188: "should align with the middle "
62 RenderFlexibleBox {DIV} at (187.09,5) size 40x40 [bgcolor=#D3D3D3]
63 RenderBlock {DIV} at (0,0) size 40x21 [border: none (1px solid #000000) none]
64 RenderText {#text} at (227,14) size 127x16
65 text run at (227,14) width 127: " of the grey flexbox"
66 RenderBlock {DIV} at (0,281) size 800x39
67 RenderText {#text} at (0,23) size 188x16
68 text run at (0,23) width 188: "should align with the bottom "
69 RenderFlexibleBox {DIV} at (187.98,5) size 30x30 [bgcolor=#D3D3D3]
70 RenderText {#text} at (217,23) size 128x16
71 text run at (217,23) width 128: " of the grey flexbox"
72 RenderBlock {DIV} at (0,320) size 800x37
73 RenderText {#text} at (0,5) size 73x16
74 text run at (0,5) width 73: "before text "
75 RenderFlexibleBox {DIV} at (72.84,5) size 52.42x32 [bgcolor=#D3D3D3]
76 RenderBlock {DIV} at (0,0) size 52.42x16
77 RenderText {#text} at (0,0) size 53x16
78 text run at (0,0) width 53: "baseline"
79 RenderBlock {DIV} at (0,16) size 52.42x16
80 RenderText {#text} at (0,0) size 40x16
81 text run at (0,0) width 40: "below"
82 RenderText {#text} at (125,5) size 62x16
83 text run at (125,5) width 62: " after text"
84 RenderBlock {DIV} at (0,357) size 800x37
85 RenderText {#text} at (0,21) size 73x16
86 text run at (0,21) width 73: "before text "
87 RenderFlexibleBox {DIV} at (72.84,5) size 52.42x32 [bgcolor=#D3D3D3]
88 RenderBlock {DIV} at (0,16) size 52.42x16
89 RenderText {#text} at (0,0) size 53x16
90 text run at (0,0) width 53: "baseline"
91 RenderBlock {DIV} at (0,0) size 52.42x16
92 RenderText {#text} at (0,0) size 39x16
93 text run at (0,0) width 39: "above"
94 RenderText {#text} at (125,21) size 62x16
95 text run at (125,21) width 62: " after text"
96 RenderBlock {DIV} at (0,394) size 800x45
97 RenderText {#text} at (0,13) size 188x16
98 text run at (0,13) width 188: "should align with the middle "
99 RenderFlexibleBox {DIV} at (187.09,5) size 40x40 [bgcolor=#D3D3D3]
100 RenderBlock {DIV} at (0,0) size 40x20.50 [border: none (1px solid #000000) none]
101 RenderBlock {DIV} at (0,20.50) size 40x19.50
102 RenderText {#text} at (227,13) size 127x16
103 text run at (227,13) width 127: " of the grey flexbox"
104 RenderBlock {DIV} at (0,439) size 800x39
105 RenderText {#text} at (0,23) size 188x16
106 text run at (0,23) width 188: "should align with the bottom "
107 RenderFlexibleBox {DIV} at (187.98,5) size 30x30 [bgcolor=#D3D3D3]
108 RenderText {#text} at (217,23) size 128x16
109 text run at (217,23) width 128: " of the grey flexbox"
110 layer at (400,0) size 360x405
111 RenderBlock (positioned) {DIV} at (400,0) size 360x405
112 RenderBlock {DIV} at (0,0) size 360x51
113 RenderText {#text} at (0,35) size 73x16
114 text run at (0,35) width 73: "before text "
115 RenderFlexibleBox {DIV} at (72.84,5) size 52.42x46 [bgcolor=#D3D3D3]
116 RenderBlock {DIV} at (0,30) size 52.42x16
117 RenderText {#text} at (0,0) size 53x16
118 text run at (0,0) width 53: "baseline"
119 RenderText {#text} at (125,35) size 62x16
120 text run at (125,35) width 62: " after text"
121 RenderBlock {DIV} at (0,51) size 360x45
122 RenderText {#text} at (0,5) size 73x16
123 text run at (0,5) width 73: "before text "
124 RenderFlexibleBox {DIV} at (72.84,5) size 91.53x40 [bgcolor=#D3D3D3]
125 RenderBlock {DIV} at (0,0) size 52.42x40
126 RenderText {#text} at (0,0) size 53x16
127 text run at (0,0) width 53: "baseline"
128 RenderBlock {DIV} at (52.42,24) size 39.11x16
129 RenderText {#text} at (0,0) size 40x16
130 text run at (0,0) width 40: "below"
131 RenderText {#text} at (164,5) size 62x16
132 text run at (164,5) width 62: " after text"
133 RenderBlock {DIV} at (0,96) size 360x45
134 RenderText {#text} at (0,15) size 73x16
135 text run at (0,15) width 73: "before text "
136 RenderBlock {DIV} at (72.84,0) size 162.14x45
137 RenderFlexibleBox {DIV} at (0,5) size 128.83x40 [bgcolor=#D3D3D3]
138 RenderBlock {DIV} at (0,0) size 38.20x40
139 RenderText {#text} at (0,0) size 39x16
140 text run at (0,0) width 39: "above"
141 RenderBlock {DIV} at (38.20,10) size 52.42x16
142 RenderText {#text} at (0,0) size 53x16
143 text run at (0,0) width 53: "baseline"
144 RenderBlock {DIV} at (90.63,0) size 38.20x40
145 RenderText {#text} at (0,0) size 39x16
146 text run at (0,0) width 39: "above"
147 RenderText {#text} at (128,15) size 35x16
148 text run at (128,15) width 35: " after"
149 RenderText {#text} at (234,15) size 29x16
150 text run at (234,15) width 29: " text"
151 RenderBlock {DIV} at (0,141) size 360x40
152 RenderText {#text} at (0,10) size 73x16
153 text run at (0,10) width 73: "before text "
154 RenderBlock {DIV} at (72.84,0) size 52.42x40
155 RenderFlexibleBox {DIV} at (0,10) size 52.42x30 [bgcolor=#808080]
156 RenderBlock (anonymous) at (0,0) size 52.42x30
157 RenderText {#text} at (0,0) size 53x16
158 text run at (0,0) width 53: "baseline"
159 RenderText {#text} at (125,10) size 62x16
160 text run at (125,10) width 62: " after text"
161 RenderTable {TABLE} at (0,186) size 248x64 [bgcolor=#D3D3D3]
162 RenderTableSection {TBODY} at (0,0) size 248x64
163 RenderTableRow {TR} at (0,2) size 248x60
164 RenderTableCell {TD} at (2,44) size 48x18 [r=0 c=0 rs=1 cs=1]
165 RenderText {#text} at (1,1) size 46x16
166 text run at (1,1) width 46: "bottom"
167 RenderTableCell {TD} at (52,28) size 55x18 [r=0 c=1 rs=1 cs=1]
168 RenderText {#text} at (1,1) size 53x16
169 text run at (1,1) width 53: "baseline"
170 RenderTableCell {TD} at (109,2) size 23x18 [r=0 c=2 rs=1 cs=1]
171 RenderText {#text} at (1,1) size 21x16
172 text run at (1,1) width 21: "top"
173 RenderTableCell {TD} at (134,18) size 55x44 [r=0 c=3 rs=1 cs=1]
174 RenderFlexibleBox {DIV} at (1,11) size 53x32 [bgcolor=#808080]
175 RenderBlock {DIV} at (0,0) size 53x16
176 RenderText {#text} at (0,0) size 53x16
177 text run at (0,0) width 53: "baseline"
178 RenderBlock {DIV} at (0,16) size 53x16
179 RenderText {#text} at (0,0) size 40x16
180 text run at (0,0) width 40: "below"
181 RenderTableCell {TD} at (191,2) size 55x44 [r=0 c=4 rs=1 cs=1]
182 RenderFlexibleBox {DIV} at (1,11) size 53x32 [bgcolor=#808080]
183 RenderBlock {DIV} at (0,16) size 53x16
184 RenderText {#text} at (0,0) size 53x16
185 text run at (0,0) width 53: "baseline"
186 RenderBlock {DIV} at (0,0) size 53x16
187 RenderText {#text} at (0,0) size 39x16
188 text run at (0,0) width 39: "above"
189 RenderTable {TABLE} at (0,255) size 291x80 [bgcolor=#D3D3D3]
190 RenderTableSection {TBODY} at (0,0) size 291x80
191 RenderTableRow {TR} at (0,2) size 291x76
192 RenderTableCell {TD} at (2,60) size 48x18 [r=0 c=0 rs=1 cs=1]
193 RenderText {#text} at (1,1) size 46x16
194 text run at (1,1) width 46: "bottom"
195 RenderTableCell {TD} at (52,37) size 55x18 [r=0 c=1 rs=1 cs=1]
196 RenderText {#text} at (1,1) size 53x16
197 text run at (1,1) width 53: "baseline"
198 RenderTableCell {TD} at (109,2) size 23x18 [r=0 c=2 rs=1 cs=1]
199 RenderText {#text} at (1,1) size 21x16
200 text run at (1,1) width 21: "top"
201 RenderTableCell {TD} at (134,2) size 155x75.81 [r=0 c=3 rs=1 cs=1]
202 RenderFlexibleBox {DIV} at (1,11) size 153x63.81 [bgcolor=#808080]
203 RenderBlock {H2} at (0,19.91) size 114.03x24
204 RenderText {#text} at (0,0) size 115x24
205 text run at (0,0) width 115: "h2 baseline"
206 RenderBlock {DIV} at (114.03,0) size 38.20x63.81
207 RenderText {#text} at (0,0) size 39x16
208 text run at (0,0) width 39: "above"
209 RenderBlock {DIV} at (0,335) size 360x70
210 RenderText {#text} at (0,20) size 73x16
211 text run at (0,20) width 73: "before text "
212 RenderFlexibleBox {DIV} at (72.84,5) size 178.53x65 [bgcolor=#D3D3D3]
213 RenderText {#text} at (251,20) size 62x16
214 text run at (251,20) width 62: " after text"
215 layer at (473,340) size 179x65 backgroundClip at (473,340) size 178x65 clip at (473,340) size 163x65
216 RenderBlock {DIV} at (0,0) size 178.53x65
217 RenderText {#text} at (0,15) size 157x16
218 text run at (0,15) width 157: "The baseline is based on"
219 RenderBR {BR} at (156,15) size 1x16
220 RenderText {#text} at (0,31) size 164x16
221 text run at (0,31) width 164: "the non-scrolled position;"
222 RenderBR {BR} at (163,31) size 1x16
223 RenderText {#text} at (0,47) size 114x16
224 text run at (0,47) width 114: "this won't line up."
225 layer at (473,5) size 53x16
226 RenderBlock (positioned) {DIV} at (72.84,5) size 53.33x16
227 RenderText {#text} at (0,0) size 54x16
228 text run at (0,0) width 54: "absolute"