| layer at (0,0) size 800x870 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x870 |
| RenderBlock {HTML} at (0,0) size 800x870 |
| RenderBody {BODY} at (8,8) size 784x854 |
| RenderBlock (anonymous) at (0,0) size 784x19 |
| RenderText {#text} at (0,0) size 365x19 |
| text run at (0,0) width 365: "All of the boxes below should be 20x20 and look identical." |
| RenderBlock {H1} at (0,37) size 784x38 |
| RenderText {#text} at (0,0) size 198x38 |
| text run at (0,0) width 198: "Normal Blocks" |
| RenderBlock {DIV} at (5,93) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock {DIV} at (5,123) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock {DIV} at (5,153) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock {DIV} at (5,183) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBR {BR} at (6,6) size 0x19 |
| RenderBR {BR} at (6,25) size 0x19 |
| RenderBR {BR} at (6,44) size 0x19 |
| RenderBlock {H1} at (0,221) size 784x38 |
| RenderText {#text} at (0,0) size 175x38 |
| text run at (0,0) width 175: "Inline Blocks" |
| RenderBlock (anonymous) at (0,277) size 784x40 |
| 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 0x19 |
| RenderBR {BR} at (6,25) size 0x19 |
| RenderBR {BR} at (6,44) size 0x19 |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {H1} at (0,335) size 784x38 |
| RenderText {#text} at (0,0) size 245x38 |
| text run at (0,0) width 245: "Positioned Blocks" |
| RenderBlock (anonymous) at (0,391) size 784x19 |
| RenderBR {BR} at (0,0) size 0x19 |
| RenderBlock {H1} at (0,428) size 784x38 |
| RenderText {#text} at (0,0) size 207x38 |
| text run at (0,0) width 207: "Floating blocks" |
| RenderBlock (floating) {DIV} at (5,494) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock (floating) {DIV} at (35,494) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock (floating) {DIV} at (65,494) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock (floating) {DIV} at (95,494) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBR {BR} at (6,6) size 0x19 |
| RenderBR {BR} at (6,25) size 0x19 |
| RenderBR {BR} at (6,44) size 0x19 |
| RenderBlock (anonymous) at (0,484) size 784x40 |
| RenderBR {BR} at (120,0) size 0x19 |
| RenderBlock {H1} at (0,542) size 784x38 |
| RenderText {#text} at (0,0) size 203x38 |
| text run at (0,0) width 203: "Normal Images" |
| RenderBlock (anonymous) at (0,598) size 784x40 |
| 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,656) size 784x38 |
| RenderText {#text} at (0,0) size 250x38 |
| text run at (0,0) width 250: "Positioned Images" |
| RenderBlock (anonymous) at (0,712) size 784x19 |
| RenderBR {BR} at (0,0) size 0x19 |
| RenderBlock {H1} at (0,749) size 784x38 |
| RenderText {#text} at (0,0) size 215x38 |
| text run at (0,0) width 215: "Floating Images" |
| RenderImage {IMG} at (5,815) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderImage {IMG} at (35,815) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderImage {IMG} at (65,815) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderImage {IMG} at (95,815) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBlock (anonymous) at (0,805) size 784x40 |
| RenderBR {BR} at (120,0) size 0x19 |
| RenderBlock {HR} at (0,852) size 784x2 [border: (1px inset #000000)] |
| layer at (13,399) size 20x20 |
| RenderBlock (positioned) {DIV} at (13,399) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (43,399) size 20x20 |
| RenderBlock (positioned) {DIV} at (43,399) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (73,399) size 20x20 |
| RenderBlock (positioned) {DIV} at (73,399) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (103,399) size 20x63 |
| RenderBlock (positioned) {DIV} at (103,399) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| RenderBR {BR} at (6,6) size 0x19 |
| RenderBR {BR} at (6,25) size 0x19 |
| RenderBR {BR} at (6,44) size 0x19 |
| layer at (13,720) size 20x20 |
| RenderImage {IMG} at (13,720) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (43,720) size 20x20 |
| RenderImage {IMG} at (43,720) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (73,720) size 20x20 |
| RenderImage {IMG} at (73,720) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |
| layer at (103,720) size 20x20 |
| RenderImage {IMG} at (103,720) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500] [border: (2px solid #000000)] |