| layer at (0,0) size 785x638 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x638 |
| RenderBlock {HTML} at (0,0) size 785x638 |
| RenderBody {BODY} at (8,21) size 769x599 |
| RenderBlock {H1} at (0,0) size 769x74 |
| RenderText {#text} at (0,0) size 543x37 |
| text run at (0,0) width 543: "Margins and block formating contexts (" |
| RenderInline {A} at (0,0) size 751x74 [color=#0000EE] |
| RenderText {#text} at (543,0) size 751x74 |
| text run at (543,0) width 208: "additional tests" |
| text run at (0,37) width 254: "from Alan Gresley" |
| RenderText {#text} at (254,37) size 11x37 |
| text run at (254,37) width 11: ")" |
| RenderBlock {H3} at (0,95) size 769x66 |
| RenderText {#text} at (0,0) size 704x22 |
| text run at (0,0) width 704: "The orange stripe has 'overflow: auto', 'margin-left: 100px' and 'margin-right: 100px'" |
| RenderBR {BR} at (704,0) size 0x22 |
| RenderText {#text} at (0,22) size 663x22 |
| text run at (0,22) width 663: "The lime stripes are floats with various width (topmost is 0, bottommost is 150px)" |
| RenderBR {BR} at (663,22) size 0x22 |
| RenderText {#text} at (0,44) size 404x22 |
| text run at (0,44) width 404: "The wrapping container has a solid silver border." |
| RenderBlock {DIV} at (16,179) size 650x28 [border: (5px solid #C0C0C0)] |
| RenderBlock (floating) {DIV} at (5,5) size 0x16 [bgcolor=#00FF00] |
| RenderText {#text} at (0,0) size 38x18 |
| text run at (0,0) width 38: "floatL" |
| RenderBlock {DIV} at (16,223) size 650x28 [border: (5px solid #C0C0C0)] |
| RenderBlock (floating) {DIV} at (5,5) size 50x16 [bgcolor=#00FF00] |
| RenderText {#text} at (0,0) size 38x18 |
| text run at (0,0) width 38: "floatL" |
| RenderBlock {DIV} at (16,267) size 650x28 [border: (5px solid #C0C0C0)] |
| RenderBlock (floating) {DIV} at (5,5) size 100x16 [bgcolor=#00FF00] |
| RenderText {#text} at (0,0) size 38x18 |
| text run at (0,0) width 38: "floatL" |
| RenderBlock {DIV} at (16,311) size 650x28 [border: (5px solid #C0C0C0)] |
| RenderBlock (floating) {DIV} at (5,5) size 150x16 [bgcolor=#00FF00] |
| RenderText {#text} at (0,0) size 82x18 |
| text run at (0,0) width 82: "floatL 150px" |
| RenderBlock {DIV} at (16,355) size 650x28 [border: (5px solid #C0C0C0)] |
| RenderBlock (floating) {DIV} at (645,5) size 0x16 [bgcolor=#00FF00] |
| RenderText {#text} at (0,0) size 39x18 |
| text run at (0,0) width 39: "floatR" |
| RenderBlock {DIV} at (16,399) size 650x28 [border: (5px solid #C0C0C0)] |
| RenderBlock (floating) {DIV} at (595,5) size 50x16 [bgcolor=#00FF00] |
| RenderText {#text} at (0,0) size 39x18 |
| text run at (0,0) width 39: "floatR" |
| RenderBlock {DIV} at (16,443) size 650x28 [border: (5px solid #C0C0C0)] |
| RenderBlock (floating) {DIV} at (545,5) size 100x16 [bgcolor=#00FF00] |
| RenderText {#text} at (0,0) size 39x18 |
| text run at (0,0) width 39: "floatR" |
| RenderBlock {DIV} at (16,487) size 650x28 [border: (5px solid #C0C0C0)] |
| RenderBlock (floating) {DIV} at (495,5) size 150x16 [bgcolor=#00FF00] |
| RenderText {#text} at (0,0) size 83x18 |
| text run at (0,0) width 83: "floatR 150px" |
| RenderBlock {H3} at (0,533) size 769x66 |
| RenderText {#text} at (0,0) size 676x22 |
| text run at (0,0) width 676: "The orange stripe has 'overflow: auto', 'margin-left: auto' and 'margin-right: auto'" |
| RenderBR {BR} at (676,0) size 0x22 |
| RenderText {#text} at (0,22) size 663x22 |
| text run at (0,22) width 663: "The lime stripes are floats with various width (topmost is 0, bottommost is 150px)" |
| RenderBR {BR} at (663,22) size 0x22 |
| RenderText {#text} at (0,44) size 404x22 |
| text run at (0,44) width 404: "The wrapping container has a solid silver border." |
| layer at (129,205) size 440x18 |
| RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 172x18 |
| text run at (0,0) width 172: "<div> with 'overflow: auto'" |
| layer at (129,249) size 440x18 |
| RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 172x18 |
| text run at (0,0) width 172: "<div> with 'overflow: auto'" |
| layer at (129,293) size 440x18 |
| RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 172x18 |
| text run at (0,0) width 172: "<div> with 'overflow: auto'" |
| layer at (179,337) size 390x18 |
| RenderBlock {DIV} at (155,5) size 390x18 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 172x18 |
| text run at (0,0) width 172: "<div> with 'overflow: auto'" |
| layer at (129,381) size 440x18 |
| RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 172x18 |
| text run at (0,0) width 172: "<div> with 'overflow: auto'" |
| layer at (129,425) size 440x18 |
| RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 172x18 |
| text run at (0,0) width 172: "<div> with 'overflow: auto'" |
| layer at (129,469) size 440x18 |
| RenderBlock {DIV} at (105,5) size 440x18 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 172x18 |
| text run at (0,0) width 172: "<div> with 'overflow: auto'" |
| layer at (129,513) size 390x18 |
| RenderBlock {DIV} at (105,5) size 390x18 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 172x18 |
| text run at (0,0) width 172: "<div> with 'overflow: auto'" |
