| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x502 | 3 layer at (0,0) size 800x502 |
| 4 RenderBlock {HTML} at (0,0) size 800x502 | 4 RenderBlock {HTML} at (0,0) size 800x502 |
| 5 layer at (0,0) size 800x502 | 5 layer at (0,0) size 800x502 |
| 6 RenderBody {BODY} at (0,0) size 800x502 | 6 RenderBody {BODY} at (0,0) size 800x502 |
| 7 RenderBlock {DIV} at (0,0) size 800x55 | 7 RenderBlock {DIV} at (0,0) size 800x55 |
| 8 RenderText {#text} at (0,20) size 69x19 | 8 RenderText {#text} at (0,20) size 69x19 |
| 9 text run at (0,20) width 69: "before text " | 9 text run at (0,20) width 69: "before text " |
| 10 RenderFlexibleBox {DIV} at (69,5) size 122x50 [bgcolor=#D3D3D3] | 10 RenderFlexibleBox {DIV} at (69,5) size 122x50 [bgcolor=#D3D3D3] |
| (...skipping 17 matching lines...) Expand all Loading... |
| 28 text run at (0,0) width 48: "baseline" | 28 text run at (0,0) width 48: "baseline" |
| 29 RenderBlock {DIV} at (48,0) size 0x0 | 29 RenderBlock {DIV} at (48,0) size 0x0 |
| 30 RenderBlock {DIV} at (48,0) size 37x20 | 30 RenderBlock {DIV} at (48,0) size 37x20 |
| 31 RenderText {#text} at (0,0) size 37x19 | 31 RenderText {#text} at (0,0) size 37x19 |
| 32 text run at (0,0) width 37: "above" | 32 text run at (0,0) width 37: "above" |
| 33 RenderText {#text} at (154,25) size 57x19 | 33 RenderText {#text} at (154,25) size 57x19 |
| 34 text run at (154,25) width 57: " after text" | 34 text run at (154,25) width 57: " after text" |
| 35 RenderBlock {DIV} at (0,100) size 800x71 | 35 RenderBlock {DIV} at (0,100) size 800x71 |
| 36 RenderText {#text} at (0,30) size 69x19 | 36 RenderText {#text} at (0,30) size 69x19 |
| 37 text run at (0,30) width 69: "before text " | 37 text run at (0,30) width 69: "before text " |
| 38 RenderFlexibleBox {DIV} at (69,5) size 151x67 [bgcolor=#D3D3D3] | 38 RenderFlexibleBox {DIV} at (69,5) size 151x66.81 [bgcolor=#D3D3D3] |
| 39 RenderBlock {H2} at (0,19) size 114x28 | 39 RenderBlock {H2} at (0,19.91) size 114x27 |
| 40 RenderText {#text} at (0,0) size 114x26 | 40 RenderText {#text} at (0,0) size 114x26 |
| 41 text run at (0,0) width 114: "h2 baseline" | 41 text run at (0,0) width 114: "h2 baseline" |
| 42 RenderBlock {DIV} at (114,0) size 37x67 | 42 RenderBlock {DIV} at (114,0) size 37x66.81 |
| 43 RenderText {#text} at (0,0) size 37x19 | 43 RenderText {#text} at (0,0) size 37x19 |
| 44 text run at (0,0) width 37: "above" | 44 text run at (0,0) width 37: "above" |
| 45 RenderText {#text} at (220,30) size 57x19 | 45 RenderText {#text} at (220,30) size 57x19 |
| 46 text run at (220,30) width 57: " after text" | 46 text run at (220,30) width 57: " after text" |
| 47 RenderBlock {DIV} at (0,171) size 800x71 | 47 RenderBlock {DIV} at (0,171) size 800x71 |
| 48 RenderText {#text} at (0,5) size 69x19 | 48 RenderText {#text} at (0,5) size 69x19 |
| 49 text run at (0,5) width 69: "before text " | 49 text run at (0,5) width 69: "before text " |
| 50 RenderFlexibleBox {DIV} at (69,5) size 139x67 [bgcolor=#D3D3D3] | 50 RenderFlexibleBox {DIV} at (69,5) size 139x66.81 [bgcolor=#D3D3D3] |
| 51 RenderBlock {DIV} at (0,0) size 48x67 | 51 RenderBlock {DIV} at (0,0) size 48x66.81 |
| 52 RenderText {#text} at (0,0) size 48x19 | 52 RenderText {#text} at (0,0) size 48x19 |
| 53 text run at (0,0) width 48: "baseline" | 53 text run at (0,0) width 48: "baseline" |
| 54 RenderBlock {H2} at (48,19) size 91x28 | 54 RenderBlock {H2} at (48,19.91) size 91x27 |
| 55 RenderText {#text} at (0,0) size 91x26 | 55 RenderText {#text} at (0,0) size 91x26 |
| 56 text run at (0,0) width 91: "h2 below" | 56 text run at (0,0) width 91: "h2 below" |
| 57 RenderText {#text} at (208,5) size 57x19 | 57 RenderText {#text} at (208,5) size 57x19 |
| 58 text run at (208,5) width 57: " after text" | 58 text run at (208,5) width 57: " after text" |
| 59 RenderBlock {DIV} at (0,242) size 800x45 | 59 RenderBlock {DIV} at (0,242) size 800x45 |
| 60 RenderText {#text} at (0,11) size 169x19 | 60 RenderText {#text} at (0,11) size 169x19 |
| 61 text run at (0,11) width 169: "should align with the middle " | 61 text run at (0,11) width 169: "should align with the middle " |
| 62 RenderFlexibleBox {DIV} at (169,5) size 40x40 [bgcolor=#D3D3D3] | 62 RenderFlexibleBox {DIV} at (169,5) size 40x40 [bgcolor=#D3D3D3] |
| 63 RenderBlock {DIV} at (0,0) size 40x21 [border: none (1px solid #000000)
none] | 63 RenderBlock {DIV} at (0,0) size 40x21 [border: none (1px solid #000000)
none] |
| 64 RenderText {#text} at (209,11) size 116x19 | 64 RenderText {#text} at (209,11) size 116x19 |
| (...skipping 25 matching lines...) Expand all Loading... |
| 90 text run at (0,0) width 48: "baseline" | 90 text run at (0,0) width 48: "baseline" |
| 91 RenderBlock {DIV} at (0,0) size 48x20 | 91 RenderBlock {DIV} at (0,0) size 48x20 |
| 92 RenderText {#text} at (0,0) size 37x19 | 92 RenderText {#text} at (0,0) size 37x19 |
| 93 text run at (0,0) width 37: "above" | 93 text run at (0,0) width 37: "above" |
| 94 RenderText {#text} at (117,25) size 57x19 | 94 RenderText {#text} at (117,25) size 57x19 |
| 95 text run at (117,25) width 57: " after text" | 95 text run at (117,25) width 57: " after text" |
| 96 RenderBlock {DIV} at (0,417) size 800x45 | 96 RenderBlock {DIV} at (0,417) size 800x45 |
| 97 RenderText {#text} at (0,10) size 169x19 | 97 RenderText {#text} at (0,10) size 169x19 |
| 98 text run at (0,10) width 169: "should align with the middle " | 98 text run at (0,10) width 169: "should align with the middle " |
| 99 RenderFlexibleBox {DIV} at (169,5) size 40x40 [bgcolor=#D3D3D3] | 99 RenderFlexibleBox {DIV} at (169,5) size 40x40 [bgcolor=#D3D3D3] |
| 100 RenderBlock {DIV} at (0,0) size 40x21 [border: none (1px solid #000000)
none] | 100 RenderBlock {DIV} at (0,0) size 40x20.50 [border: none (1px solid #00000
0) none] |
| 101 RenderBlock {DIV} at (0,20) size 40x20 | 101 RenderBlock {DIV} at (0,20.50) size 40x19.50 |
| 102 RenderText {#text} at (209,10) size 116x19 | 102 RenderText {#text} at (209,10) size 116x19 |
| 103 text run at (209,10) width 116: " of the grey flexbox" | 103 text run at (209,10) width 116: " of the grey flexbox" |
| 104 RenderBlock {DIV} at (0,462) size 800x40 | 104 RenderBlock {DIV} at (0,462) size 800x40 |
| 105 RenderText {#text} at (0,20) size 172x19 | 105 RenderText {#text} at (0,20) size 172x19 |
| 106 text run at (0,20) width 172: "should align with the bottom " | 106 text run at (0,20) width 172: "should align with the bottom " |
| 107 RenderFlexibleBox {DIV} at (172,5) size 30x30 [bgcolor=#D3D3D3] | 107 RenderFlexibleBox {DIV} at (172,5) size 30x30 [bgcolor=#D3D3D3] |
| 108 RenderText {#text} at (202,20) size 116x19 | 108 RenderText {#text} at (202,20) size 116x19 |
| 109 text run at (202,20) width 116: " of the grey flexbox" | 109 text run at (202,20) width 116: " of the grey flexbox" |
| 110 layer at (400,0) size 360x424 | 110 layer at (400,0) size 360x424 |
| 111 RenderBlock (positioned) {DIV} at (400,0) size 360x424 | 111 RenderBlock (positioned) {DIV} at (400,0) size 360x424 |
| (...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 191 RenderTableRow {TR} at (0,2) size 280x79 | 191 RenderTableRow {TR} at (0,2) size 280x79 |
| 192 RenderTableCell {TD} at (2,59) size 45x22 [r=0 c=0 rs=1 cs=1] | 192 RenderTableCell {TD} at (2,59) size 45x22 [r=0 c=0 rs=1 cs=1] |
| 193 RenderText {#text} at (1,1) size 43x19 | 193 RenderText {#text} at (1,1) size 43x19 |
| 194 text run at (1,1) width 43: "bottom" | 194 text run at (1,1) width 43: "bottom" |
| 195 RenderTableCell {TD} at (49,37) size 50x22 [r=0 c=1 rs=1 cs=1] | 195 RenderTableCell {TD} at (49,37) size 50x22 [r=0 c=1 rs=1 cs=1] |
| 196 RenderText {#text} at (1,1) size 48x19 | 196 RenderText {#text} at (1,1) size 48x19 |
| 197 text run at (1,1) width 48: "baseline" | 197 text run at (1,1) width 48: "baseline" |
| 198 RenderTableCell {TD} at (101,2) size 22x22 [r=0 c=2 rs=1 cs=1] | 198 RenderTableCell {TD} at (101,2) size 22x22 [r=0 c=2 rs=1 cs=1] |
| 199 RenderText {#text} at (1,1) size 20x19 | 199 RenderText {#text} at (1,1) size 20x19 |
| 200 text run at (1,1) width 20: "top" | 200 text run at (1,1) width 20: "top" |
| 201 RenderTableCell {TD} at (125,2) size 153x79 [r=0 c=3 rs=1 cs=1] | 201 RenderTableCell {TD} at (125,2) size 153x78.81 [r=0 c=3 rs=1 cs=1] |
| 202 RenderFlexibleBox {DIV} at (1,11) size 151x67 [bgcolor=#808080] | 202 RenderFlexibleBox {DIV} at (1,11) size 151x66.81 [bgcolor=#808080] |
| 203 RenderBlock {H2} at (0,19) size 114x28 | 203 RenderBlock {H2} at (0,19.91) size 114x27 |
| 204 RenderText {#text} at (0,0) size 114x26 | 204 RenderText {#text} at (0,0) size 114x26 |
| 205 text run at (0,0) width 114: "h2 baseline" | 205 text run at (0,0) width 114: "h2 baseline" |
| 206 RenderBlock {DIV} at (114,0) size 37x67 | 206 RenderBlock {DIV} at (114,0) size 37x66.81 |
| 207 RenderText {#text} at (0,0) size 37x19 | 207 RenderText {#text} at (0,0) size 37x19 |
| 208 text run at (0,0) width 37: "above" | 208 text run at (0,0) width 37: "above" |
| 209 RenderBlock {DIV} at (0,354) size 360x70 | 209 RenderBlock {DIV} at (0,354) size 360x70 |
| 210 RenderText {#text} at (0,20) size 69x19 | 210 RenderText {#text} at (0,20) size 69x19 |
| 211 text run at (0,20) width 69: "before text " | 211 text run at (0,20) width 69: "before text " |
| 212 RenderFlexibleBox {DIV} at (69,5) size 167x65 [bgcolor=#D3D3D3] | 212 RenderFlexibleBox {DIV} at (69,5) size 167x65 [bgcolor=#D3D3D3] |
| 213 RenderText {#text} at (236,20) size 57x19 | 213 RenderText {#text} at (236,20) size 57x19 |
| 214 text run at (236,20) width 57: " after text" | 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 scrollHe
ight 75 | 215 layer at (469,359) size 167x65 clip at (469,359) size 152x65 scrollY 10 scrollHe
ight 75 |
| 216 RenderBlock {DIV} at (0,0) size 167x65 | 216 RenderBlock {DIV} at (0,0) size 167x65 |
| 217 RenderText {#text} at (0,15) size 147x19 | 217 RenderText {#text} at (0,15) size 147x19 |
| 218 text run at (0,15) width 147: "The baseline is based on" | 218 text run at (0,15) width 147: "The baseline is based on" |
| 219 RenderBR {BR} at (147,15) size 0x19 | 219 RenderBR {BR} at (147,15) size 0x19 |
| 220 RenderText {#text} at (0,35) size 152x19 | 220 RenderText {#text} at (0,35) size 152x19 |
| 221 text run at (0,35) width 152: "the non-scrolled position;" | 221 text run at (0,35) width 152: "the non-scrolled position;" |
| 222 RenderBR {BR} at (152,35) size 0x19 | 222 RenderBR {BR} at (152,35) size 0x19 |
| 223 RenderText {#text} at (0,55) size 104x19 | 223 RenderText {#text} at (0,55) size 104x19 |
| 224 text run at (0,55) width 104: "this won't line up." | 224 text run at (0,55) width 104: "this won't line up." |
| 225 layer at (469,5) size 50x20 | 225 layer at (469,5) size 50x20 |
| 226 RenderBlock (positioned) {DIV} at (69,5) size 50x20 | 226 RenderBlock (positioned) {DIV} at (69,5) size 50x20 |
| 227 RenderText {#text} at (0,0) size 50x19 | 227 RenderText {#text} at (0,0) size 50x19 |
| 228 text run at (0,0) width 50: "absolute" | 228 text run at (0,0) width 50: "absolute" |
| OLD | NEW |