| layer at (0,0) size 785x899 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x899 |
| RenderBlock {HTML} at (0,0) size 785x900 |
| RenderBody {BODY} at (8,8) size 769x884 |
| RenderBlock (anonymous) at (0,0) size 769x17 |
| RenderText {#text} at (0,0) size 373x17 |
| text run at (0,0) width 373: "All of the boxes below should be 20x20 and look identical." |
| RenderBlock {H1} at (0,38) size 769x37 |
| RenderText {#text} at (0,0) size 203x36 |
| text run at (0,0) width 203: "Normal Blocks" |
| RenderBlock {DIV} at (5,95) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock {DIV} at (5,125) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock {DIV} at (5,155) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock {DIV} at (5,185) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBR {BR} at (6,6) size 0x17 |
| RenderBR {BR} at (6,23) size 0x17 |
| RenderBR {BR} at (6,40) size 0x17 |
| RenderBlock {H1} at (0,227) size 769x37 |
| RenderText {#text} at (0,0) size 178x36 |
| text run at (0,0) width 178: "Inline Blocks" |
| RenderBlock (anonymous) at (0,284) size 769x41 |
| RenderBlock {DIV} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock {DIV} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock {DIV} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBR {BR} at (6,6) size 0x17 |
| RenderBR {BR} at (6,23) size 0x17 |
| RenderBR {BR} at (6,40) size 0x17 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {H1} at (0,346) size 769x37 |
| RenderText {#text} at (0,0) size 241x36 |
| text run at (0,0) width 241: "Positioned Blocks" |
| RenderBlock (anonymous) at (0,403) size 769x18 |
| RenderBR {BR} at (0,0) size 0x17 |
| RenderBlock {H1} at (0,442) size 769x37 |
| RenderText {#text} at (0,0) size 210x36 |
| text run at (0,0) width 210: "Floating blocks" |
| RenderBlock (floating) {DIV} at (5,509) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock (floating) {DIV} at (35,509) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock (floating) {DIV} at (65,509) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock (floating) {DIV} at (95,509) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBR {BR} at (6,6) size 0x17 |
| RenderBR {BR} at (6,23) size 0x17 |
| RenderBR {BR} at (6,40) size 0x17 |
| RenderBlock (anonymous) at (0,499) size 769x41 |
| RenderBR {BR} at (120,0) size 0x17 |
| RenderBlock {H1} at (0,560) size 769x37 |
| RenderText {#text} at (0,0) size 210x36 |
| text run at (0,0) width 210: "Normal Images" |
| RenderBlock (anonymous) at (0,618) size 769x41 |
| RenderImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {H1} at (0,679) size 769x37 |
| RenderText {#text} at (0,0) size 248x36 |
| text run at (0,0) width 248: "Positioned Images" |
| RenderBlock (anonymous) at (0,737) size 769x18 |
| RenderBR {BR} at (0,0) size 0x17 |
| RenderBlock {H1} at (0,775) size 769x37 |
| RenderText {#text} at (0,0) size 220x36 |
| text run at (0,0) width 220: "Floating Images" |
| RenderImage {IMG} at (5,843) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderImage {IMG} at (35,843) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderImage {IMG} at (65,843) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderImage {IMG} at (95,843) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock (anonymous) at (0,833) size 769x41 |
| RenderBR {BR} at (120,0) size 0x17 |
| RenderBlock {HR} at (0,881) size 769x3 [border: (1px inset #000000)] |
| layer at (13,422) size 20x20 |
| RenderBlock (positioned) {DIV} at (13,421) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (43,422) size 20x20 |
| RenderBlock (positioned) {DIV} at (43,421) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (73,422) size 20x20 |
| RenderBlock (positioned) {DIV} at (73,421) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (103,422) size 20x20 |
| RenderBlock (positioned) {DIV} at (103,421) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBR {BR} at (6,6) size 0x17 |
| RenderBR {BR} at (6,23) size 0x17 |
| RenderBR {BR} at (6,40) size 0x17 |
| layer at (13,755) size 20x20 |
| RenderImage {IMG} at (13,755) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (43,755) size 20x20 |
| RenderImage {IMG} at (43,755) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (73,755) size 20x20 |
| RenderImage {IMG} at (73,755) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (103,755) size 20x20 |
| RenderImage {IMG} at (103,755) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
