| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x203 |
| RenderBlock {HTML} at (0,0) size 800x203 |
| RenderBody {BODY} at (8,16) size 784x179 |
| RenderBlock {P} at (0,0) size 784x40 |
| RenderText {#text} at (0,0) size 101x19 |
| text run at (0,0) width 101: "There should be " |
| RenderInline {STRONG} at (0,0) size 143x19 |
| RenderText {#text} at (101,0) size 143x19 |
| text run at (101,0) width 143: "5 filled green squares" |
| RenderText {#text} at (244,0) size 175x19 |
| text run at (244,0) width 175: " with the same width and the " |
| RenderInline {STRONG} at (0,0) size 80x19 |
| RenderText {#text} at (419,0) size 80x19 |
| text run at (419,0) width 80: "same height" |
| RenderText {#text} at (499,0) size 228x19 |
| text run at (499,0) width 228: ". The 5 filled green squares should be " |
| RenderInline {STRONG} at (0,0) size 56x19 |
| RenderText {#text} at (727,0) size 56x19 |
| text run at (727,0) width 56: "identical" |
| RenderText {#text} at (0,20) size 417x19 |
| text run at (0,20) width 417: "to each other. This should still remain true even after a window resize." |
| RenderBlock {DIV} at (0,56) size 784x123 |
| RenderImage {OBJECT} at (0,0) size 118x118 |
| RenderText {#text} at (117,103) size 5x19 |
| text run at (117,103) width 5: " " |
| RenderImage {OBJECT} at (121,0) size 119x118 |
| RenderText {#text} at (239,103) size 5x19 |
| text run at (239,103) width 5: " " |
| RenderImage {OBJECT} at (243,0) size 118x118 |
| RenderText {#text} at (360,103) size 5x19 |
| text run at (360,103) width 5: " " |
| RenderImage {OBJECT} at (364,0) size 119x118 |
| RenderText {#text} at (482,103) size 5x19 |
| text run at (482,103) width 5: " " |
| RenderImage {OBJECT} at (486,0) size 118x118 |
| RenderText {#text} at (0,0) size 0x0 |