1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x502
4 LayoutBlockFlow {HTML} at (0,0) size 800x502
5 layer at (0,0) size 800x502
6 LayoutBlockFlow (relative positioned) {BODY} at (0,0) size 800x502
7 LayoutBlockFlow {DIV} at (0,0) size 800x55
8 LayoutText {#text} at (0,20) size 69x19
9 text run at (0,20) width 69: "before text "
10 LayoutFlexibleBox {DIV} at (69,5) size 122x50 [bgcolor=#D3D3D3]
11 LayoutBlockFlow {DIV} at (0,30) size 37x20
12 LayoutText {#text} at (0,0) size 37x19
13 text run at (0,0) width 37: "below"
14 LayoutBlockFlow {DIV} at (37,15) size 48x20
15 LayoutText {#text} at (0,0) size 48x19
16 text run at (0,0) width 48: "baseline"
17 LayoutBlockFlow {DIV} at (85,0) size 37x20
18 LayoutText {#text} at (0,0) size 37x19
19 text run at (0,0) width 37: "above"
20 LayoutText {#text} at (191,20) size 57x19
21 text run at (191,20) width 57: " after text"
22 LayoutBlockFlow {DIV} at (0,55) size 800x45
23 LayoutText {#text} at (0,25) size 69x19
24 text run at (0,25) width 69: "before text "
25 LayoutFlexibleBox {DIV} at (69,5) size 85x40 [bgcolor=#D3D3D3]
26 LayoutBlockFlow {DIV} at (0,20) size 48x20
27 LayoutText {#text} at (0,0) size 48x19
28 text run at (0,0) width 48: "baseline"
29 LayoutBlockFlow {DIV} at (48,0) size 0x0
30 LayoutBlockFlow {DIV} at (48,0) size 37x20
31 LayoutText {#text} at (0,0) size 37x19
32 text run at (0,0) width 37: "above"
33 LayoutText {#text} at (154,25) size 57x19
34 text run at (154,25) width 57: " after text"
35 LayoutBlockFlow {DIV} at (0,100) size 800x71
36 LayoutText {#text} at (0,30) size 69x19
37 text run at (0,30) width 69: "before text "
38 LayoutFlexibleBox {DIV} at (69,5) size 151x66.81 [bgcolor=#D3D3D3]
39 LayoutBlockFlow {H2} at (0,19.91) size 114x27
40 LayoutText {#text} at (0,0) size 114x26
41 text run at (0,0) width 114: "h2 baseline"
42 LayoutBlockFlow {DIV} at (114,0) size 37x66.81
43 LayoutText {#text} at (0,0) size 37x19
44 text run at (0,0) width 37: "above"
45 LayoutText {#text} at (220,30) size 57x19
46 text run at (220,30) width 57: " after text"
47 LayoutBlockFlow {DIV} at (0,171) size 800x71
48 LayoutText {#text} at (0,5) size 69x19
49 text run at (0,5) width 69: "before text "
50 LayoutFlexibleBox {DIV} at (69,5) size 139x66.81 [bgcolor=#D3D3D3]
51 LayoutBlockFlow {DIV} at (0,0) size 48x66.81
52 LayoutText {#text} at (0,0) size 48x19
53 text run at (0,0) width 48: "baseline"
54 LayoutBlockFlow {H2} at (48,19.91) size 91x27
55 LayoutText {#text} at (0,0) size 91x26
56 text run at (0,0) width 91: "h2 below"
57 LayoutText {#text} at (208,5) size 57x19
58 text run at (208,5) width 57: " after text"
59 LayoutBlockFlow {DIV} at (0,242) size 800x45
60 LayoutText {#text} at (0,11) size 169x19
61 text run at (0,11) width 169: "should align with the middle "
62 LayoutFlexibleBox {DIV} at (169,5) size 40x40 [bgcolor=#D3D3D3]
63 LayoutBlockFlow {DIV} at (0,0) size 40x21 [border: none (1px solid #000000) none]
64 LayoutText {#text} at (209,11) size 116x19
65 text run at (209,11) width 116: " of the grey flexbox"
66 LayoutBlockFlow {DIV} at (0,287) size 800x40
67 LayoutText {#text} at (0,20) size 172x19
68 text run at (0,20) width 172: "should align with the bottom "
69 LayoutFlexibleBox {DIV} at (172,5) size 30x30 [bgcolor=#D3D3D3]
70 LayoutText {#text} at (202,20) size 116x19
71 text run at (202,20) width 116: " of the grey flexbox"
72 LayoutBlockFlow {DIV} at (0,327) size 800x45
73 LayoutText {#text} at (0,5) size 69x19
74 text run at (0,5) width 69: "before text "
75 LayoutFlexibleBox {DIV} at (69,5) size 48x40 [bgcolor=#D3D3D3]
76 LayoutBlockFlow {DIV} at (0,0) size 48x20
77 LayoutText {#text} at (0,0) size 48x19
78 text run at (0,0) width 48: "baseline"
79 LayoutBlockFlow {DIV} at (0,20) size 48x20
80 LayoutText {#text} at (0,0) size 37x19
81 text run at (0,0) width 37: "below"
82 LayoutText {#text} at (117,5) size 57x19
83 text run at (117,5) width 57: " after text"
84 LayoutBlockFlow {DIV} at (0,372) size 800x45
85 LayoutText {#text} at (0,25) size 69x19
86 text run at (0,25) width 69: "before text "
87 LayoutFlexibleBox {DIV} at (69,5) size 48x40 [bgcolor=#D3D3D3]
88 LayoutBlockFlow {DIV} at (0,20) size 48x20
89 LayoutText {#text} at (0,0) size 48x19
90 text run at (0,0) width 48: "baseline"
91 LayoutBlockFlow {DIV} at (0,0) size 48x20
92 LayoutText {#text} at (0,0) size 37x19
93 text run at (0,0) width 37: "above"
94 LayoutText {#text} at (117,25) size 57x19
95 text run at (117,25) width 57: " after text"
96 LayoutBlockFlow {DIV} at (0,417) size 800x45
97 LayoutText {#text} at (0,10) size 169x19
98 text run at (0,10) width 169: "should align with the middle "
99 LayoutFlexibleBox {DIV} at (169,5) size 40x40 [bgcolor=#D3D3D3]
100 LayoutBlockFlow {DIV} at (0,0) size 40x20.50 [border: none (1px solid #000000) none]
101 LayoutBlockFlow {DIV} at (0,20.50) size 40x19.50
102 LayoutText {#text} at (209,10) size 116x19
103 text run at (209,10) width 116: " of the grey flexbox"
104 LayoutBlockFlow {DIV} at (0,462) size 800x40
105 LayoutText {#text} at (0,20) size 172x19
106 text run at (0,20) width 172: "should align with the bottom "
107 LayoutFlexibleBox {DIV} at (172,5) size 30x30 [bgcolor=#D3D3D3]
108 LayoutText {#text} at (202,20) size 116x19
109 text run at (202,20) width 116: " of the grey flexbox"
110 layer at (400,0) size 360x424
111 LayoutBlockFlow (positioned) {DIV} at (400,0) size 360x424
112 LayoutBlockFlow {DIV} at (0,0) size 360x55
113 LayoutText {#text} at (0,35) size 69x19
114 text run at (0,35) width 69: "before text "
115 LayoutFlexibleBox {DIV} at (69,5) size 48x50 [bgcolor=#D3D3D3]
116 LayoutBlockFlow {DIV} at (0,30) size 48x20
117 LayoutText {#text} at (0,0) size 48x19
118 text run at (0,0) width 48: "baseline"
119 LayoutText {#text} at (117,35) size 57x19
120 text run at (117,35) width 57: " after text"
121 LayoutBlockFlow {DIV} at (0,55) size 360x45
122 LayoutText {#text} at (0,5) size 69x19
123 text run at (0,5) width 69: "before text "
124 LayoutFlexibleBox {DIV} at (69,5) size 85x40 [bgcolor=#D3D3D3]
125 LayoutBlockFlow {DIV} at (0,0) size 48x40
126 LayoutText {#text} at (0,0) size 48x19
127 text run at (0,0) width 48: "baseline"
128 LayoutBlockFlow {DIV} at (48,20) size 37x20
129 LayoutText {#text} at (0,0) size 37x19
130 text run at (0,0) width 37: "below"
131 LayoutText {#text} at (154,5) size 57x19
132 text run at (154,5) width 57: " after text"
133 LayoutBlockFlow {DIV} at (0,100) size 360x45
134 LayoutText {#text} at (0,15) size 69x19
135 text run at (0,15) width 69: "before text "
136 LayoutBlockFlow {DIV} at (69,0) size 153x45
137 LayoutFlexibleBox {DIV} at (0,5) size 122x40 [bgcolor=#D3D3D3]
138 LayoutBlockFlow {DIV} at (0,0) size 37x40
139 LayoutText {#text} at (0,0) size 37x19
140 text run at (0,0) width 37: "above"
141 LayoutBlockFlow {DIV} at (37,10) size 48x20
142 LayoutText {#text} at (0,0) size 48x19
143 text run at (0,0) width 48: "baseline"
144 LayoutBlockFlow {DIV} at (85,0) size 37x40
145 LayoutText {#text} at (0,0) size 37x19
146 text run at (0,0) width 37: "above"
147 LayoutText {#text} at (122,15) size 31x19
148 text run at (122,15) width 31: " after"
149 LayoutText {#text} at (222,15) size 26x19
150 text run at (222,15) width 26: " text"
151 LayoutBlockFlow {DIV} at (0,145) size 360x40
152 LayoutText {#text} at (0,10) size 69x19
153 text run at (0,10) width 69: "before text "
154 LayoutBlockFlow {DIV} at (69,0) size 48x40
155 LayoutFlexibleBox {DIV} at (0,10) size 48x30 [bgcolor=#808080]
156 LayoutBlockFlow (anonymous) at (0,0) size 48x30
157 LayoutText {#text} at (0,0) size 48x19
158 text run at (0,0) width 48: "baseline"
159 LayoutText {#text} at (117,10) size 57x19
160 text run at (117,10) width 57: " after text"
161 LayoutTable {TABLE} at (0,190) size 229x76 [bgcolor=#D3D3D3]
162 LayoutTableSection {TBODY} at (0,0) size 229x76
163 LayoutTableRow {TR} at (0,2) size 229x72
164 LayoutTableCell {TD} at (2,52) size 45x22 [r=0 c=0 rs=1 cs=1]
165 LayoutText {#text} at (1,1) size 43x19
166 text run at (1,1) width 43: "bottom"
167 LayoutTableCell {TD} at (49,32) size 50x22 [r=0 c=1 rs=1 cs=1]
168 LayoutText {#text} at (1,1) size 48x19
169 text run at (1,1) width 48: "baseline"
170 LayoutTableCell {TD} at (101,2) size 22x22 [r=0 c=2 rs=1 cs=1]
171 LayoutText {#text} at (1,1) size 20x19
172 text run at (1,1) width 20: "top"
173 LayoutTableCell {TD} at (125,22) size 50x52 [r=0 c=3 rs=1 cs=1]
174 LayoutFlexibleBox {DIV} at (1,11) size 48x40 [bgcolor=#808080]
175 LayoutBlockFlow {DIV} at (0,0) size 48x20
176 LayoutText {#text} at (0,0) size 48x19
177 text run at (0,0) width 48: "baseline"
178 LayoutBlockFlow {DIV} at (0,20) size 48x20
179 LayoutText {#text} at (0,0) size 37x19
180 text run at (0,0) width 37: "below"
181 LayoutTableCell {TD} at (177,2) size 50x52 [r=0 c=4 rs=1 cs=1]
182 LayoutFlexibleBox {DIV} at (1,11) size 48x40 [bgcolor=#808080]
183 LayoutBlockFlow {DIV} at (0,20) size 48x20
184 LayoutText {#text} at (0,0) size 48x19
185 text run at (0,0) width 48: "baseline"
186 LayoutBlockFlow {DIV} at (0,0) size 48x20
187 LayoutText {#text} at (0,0) size 37x19
188 text run at (0,0) width 37: "above"
189 LayoutTable {TABLE} at (0,271) size 280x83 [bgcolor=#D3D3D3]
190 LayoutTableSection {TBODY} at (0,0) size 280x83
191 LayoutTableRow {TR} at (0,2) size 280x79
192 LayoutTableCell {TD} at (2,59) size 45x22 [r=0 c=0 rs=1 cs=1]
193 LayoutText {#text} at (1,1) size 43x19
194 text run at (1,1) width 43: "bottom"
195 LayoutTableCell {TD} at (49,37) size 50x22 [r=0 c=1 rs=1 cs=1]
196 LayoutText {#text} at (1,1) size 48x19
197 text run at (1,1) width 48: "baseline"
198 LayoutTableCell {TD} at (101,2) size 22x22 [r=0 c=2 rs=1 cs=1]
199 LayoutText {#text} at (1,1) size 20x19
200 text run at (1,1) width 20: "top"
201 LayoutTableCell {TD} at (125,2) size 153x78.81 [r=0 c=3 rs=1 cs=1]
202 LayoutFlexibleBox {DIV} at (1,11) size 151x66.81 [bgcolor=#808080]
203 LayoutBlockFlow {H2} at (0,19.91) size 114x27
204 LayoutText {#text} at (0,0) size 114x26
205 text run at (0,0) width 114: "h2 baseline"
206 LayoutBlockFlow {DIV} at (114,0) size 37x66.81
207 LayoutText {#text} at (0,0) size 37x19
208 text run at (0,0) width 37: "above"
209 LayoutBlockFlow {DIV} at (0,354) size 360x70
210 LayoutText {#text} at (0,20) size 69x19
211 text run at (0,20) width 69: "before text "
212 LayoutFlexibleBox {DIV} at (69,5) size 167x65 [bgcolor=#D3D3D3]
213 LayoutText {#text} at (236,20) size 57x19
214 text run at (236,20) width 57: " after text"
215 layer at (469,359) size 167x65 clip at (469,359) size 152x65 scrollY 10.00 scrollHeight 75
216 LayoutBlockFlow {DIV} at (0,0) size 167x65
217 LayoutText {#text} at (0,15) size 147x19
218 text run at (0,15) width 147: "The baseline is based on"
219 LayoutBR {BR} at (147,15) size 0x19
220 LayoutText {#text} at (0,35) size 152x19
221 text run at (0,35) width 152: "the non-scrolled position;"
222 LayoutBR {BR} at (152,35) size 0x19
223 LayoutText {#text} at (0,55) size 104x19
224 text run at (0,55) width 104: "this won't line up."
225 layer at (469,5) size 50x20
226 LayoutBlockFlow (positioned) {DIV} at (69,5) size 50x20
227 LayoutText {#text} at (0,0) size 50x19
228 text run at (0,0) width 50: "absolute"