| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x567 |
| RenderBlock {HTML} at (0,0) size 800x567 |
| RenderBody {BODY} at (8,8) size 784x551 |
| RenderBlock {DIV} at (0,0) size 784x69 |
| RenderText {#text} at (0,28) size 71x18 |
| text run at (0,28) width 71: "before text " |
| RenderBlock {DIV} at (71,0) size 73x69 [bgcolor=#D3D3D3] [border: (11px solid #FFC0CB)] |
| RenderFlexibleBox {DIV} at (11,18) size 51x40 |
| RenderBlock (anonymous) at (0,10) size 51x30 |
| RenderText {#text} at (0,0) size 51x18 |
| text run at (0,0) width 51: "baseline" |
| RenderText {#text} at (144,28) size 59x18 |
| text run at (144,28) width 59: " after text" |
| RenderBlock {DIV} at (0,69) size 784x114 |
| RenderText {#text} at (0,68) size 84x18 |
| text run at (0,68) width 84: "Should align " |
| RenderBlock {DIV} at (84,8) size 98x98 [border: (11px solid #FFC0CB)] |
| RenderFlexibleBox {DIV} at (11,11) size 76x76 [bgcolor=#FFC0CB] |
| RenderBlock {DIV} at (13,13) size 50x50 [bgcolor=#D3D3D3] |
| RenderText {#text} at (182,68) size 59x18 |
| text run at (182,68) width 59: " with the " |
| RenderBlock {DIV} at (241,21) size 72x72 |
| RenderFlexibleBox {DIV} at (0,0) size 72x72 [bgcolor=#FFC0CB] [border: (11px solid #FFC0CB)] |
| RenderBlock {DIV} at (11,11) size 50x50 [bgcolor=#D3D3D3] |
| RenderText {#text} at (313,68) size 69x18 |
| text run at (313,68) width 69: " bottom of " |
| RenderBlock {DIV} at (382,0) size 72x114 |
| RenderFlexibleBox {DIV} at (0,21) size 72x72 [bgcolor=#FFC0CB] [border: (11px solid #FFC0CB)] |
| RenderBlock {DIV} at (11,11) size 50x50 [bgcolor=#D3D3D3] |
| RenderText {#text} at (454,68) size 87x18 |
| text run at (454,68) width 87: " the grey box." |
| RenderBlock {DIV} at (0,183) size 784x64 |
| RenderText {#text} at (0,42) size 139x18 |
| text run at (0,42) width 139: "Should align with the " |
| RenderBlock {DIV} at (139,0) size 48x64 |
| RenderFlexibleBox {DIV} at (0,0) size 48x64 [bgcolor=#FFFFFF] |
| RenderBlock {DIV} at (0,8) size 48x48 [bgcolor=#D3D3D3] [border: (11px solid #FFC0CB)] |
| RenderText {#text} at (187,42) size 152x18 |
| text run at (187,42) width 152: " bottom of the pink box." |
| RenderBlock {DIV} at (0,247) size 784x72 |
| RenderText {#text} at (0,54) size 112x18 |
| text run at (0,54) width 112: "Should align 8px " |
| RenderFlexibleBox {DIV} at (112,8) size 52x52 [bgcolor=#D3D3D3] [border: (11px solid #FFC0CB)] |
| RenderText {#text} at (164,54) size 118x18 |
| text run at (164,54) width 118: " below the bottom " |
| RenderFlexibleBox {DIV} at (282,12) size 48x48 [bgcolor=#D3D3D3] [border: (11px solid #FFC0CB)] |
| RenderText {#text} at (330,54) size 104x18 |
| text run at (330,54) width 104: " of the pink box." |
| RenderBlock {DIV} at (0,319) size 784x178 |
| RenderText {#text} at (0,100) size 187x18 |
| text run at (0,100) width 187: "Should align with the bottom " |
| RenderBlock {DIV} at (187,8) size 146x162 [bgcolor=#FFC0CB] [border: (11px solid #FFC0CB)] |
| RenderFlexibleBox {DIV} at (24,32) size 98x98 [border: (11px solid #FFC0CB)] |
| RenderText {#text} at (333,100) size 169x18 |
| text run at (333,100) width 169: " of the horizontal scrollbar." |
| RenderBlock {DIV} at (0,497) size 784x54 |
| RenderText {#text} at (0,36) size 186x18 |
| text run at (0,36) width 186: "Should align 10px below the " |
| RenderBlock {DIV} at (186,0) size 50x50 [bgcolor=#FFC0CB] |
| RenderFlexibleBox {DIV} at (0,0) size 50x50 |
| RenderText {#text} at (236,36) size 272x18 |
| text run at (236,36) width 272: " of the horizontal scrollbar, if one is visible." |
| layer at (243,395) size 50x46 clip at (243,404) size 35x22 |
| RenderBlock {DIV} at (24,28) size 50x46 [bgcolor=#D3D3D3] [border: (9px solid #FFC0CB) none] |
| layer at (194,505) size 50x50 clip at (194,505) size 35x25 |
| RenderBlock {DIV} at (0,0) size 50x50 [bgcolor=#D3D3D3] [border: none (10px solid #FFC0CB) none] |
