| layer at (0,0) size 785x2079 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x2079 |
| RenderBlock {HTML} at (0,0) size 785x2079 |
| RenderBody {BODY} at (8,19) size 769x2044 |
| RenderBlock {H2} at (0,0) size 769x28 |
| RenderText {#text} at (0,0) size 149x28 |
| text run at (0,0) width 149: "Test 1 (1 float)" |
| RenderBlock {HR} at (48,295) size 673x2 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,345) size 769x28 |
| RenderText {#text} at (0,0) size 149x28 |
| text run at (0,0) width 149: "Test 2 (1 float)" |
| RenderBlock {HR} at (48,640) size 673x2 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,690) size 769x28 |
| RenderText {#text} at (0,0) size 149x28 |
| text run at (0,0) width 149: "Test 3 (1 float)" |
| RenderBlock {HR} at (48,985) size 673x2 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,1035) size 769x28 |
| RenderText {#text} at (0,0) size 158x28 |
| text run at (0,0) width 158: "Test 4 (2 floats)" |
| RenderBlock {HR} at (48,1330) size 673x2 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,1380) size 769x28 |
| RenderText {#text} at (0,0) size 158x28 |
| text run at (0,0) width 158: "Test 5 (2 floats)" |
| RenderBlock {HR} at (48,1675) size 673x2 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,1725) size 769x28 |
| RenderText {#text} at (0,0) size 158x28 |
| text run at (0,0) width 158: "Test 6 (2 floats)" |
| layer at (8,66) size 769x200 |
| RenderBlock {DIV} at (0,47) size 769x200 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x55 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,54) width 120: "is floated left and it" |
| text run at (36,72) width 93: "has no margin." |
| layer at (208,66) size 469x164 scrollHeight 165 |
| RenderBlock {DIV} at (200,0) size 469x164 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x19 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x19 |
| RenderText {#text} at (0,18) size 94x19 |
| text run at (0,18) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x19 |
| RenderText {#text} at (94,18) size 193x19 |
| text run at (94,18) width 193: "new block formating context" |
| RenderText {#text} at (287,18) size 404x37 |
| text run at (287,18) width 117: " thanks to the CSS" |
| text run at (0,36) width 73: "declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (73,40) size 128x15 |
| text run at (73,40) width 128: "overflow: hidden" |
| RenderText {#text} at (201,36) size 4x19 |
| text run at (201,36) width 4: ";" |
| RenderBR {BR} at (205,36) size 0x19 |
| RenderText {#text} at (0,55) size 327x19 |
| text run at (0,55) width 327: "\x{2013} has a 100px left margin and a 100px right margin;" |
| RenderBR {BR} at (327,55) size 0x19 |
| RenderBR {BR} at (0,73) size 0x19 |
| RenderText {#text} at (0,91) size 140x19 |
| text run at (0,91) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,91) size 0x19 |
| RenderText {#text} at (0,109) size 94x19 |
| text run at (0,109) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x19 |
| RenderText {#text} at (94,109) size 193x19 |
| text run at (94,109) width 193: "new block formating context" |
| RenderText {#text} at (287,109) size 404x37 |
| text run at (287,109) width 117: " thanks to the CSS" |
| text run at (0,127) width 73: "declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (73,131) size 128x15 |
| text run at (73,131) width 128: "overflow: hidden" |
| RenderText {#text} at (201,127) size 4x19 |
| text run at (201,127) width 4: ";" |
| RenderBR {BR} at (205,127) size 0x19 |
| RenderText {#text} at (0,146) size 327x19 |
| text run at (0,146) width 327: "\x{2013} has a 100px left margin and a 100px right margin;" |
| layer at (8,411) size 769x200 |
| RenderBlock {DIV} at (0,392) size 769x200 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x55 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,54) width 120: "is floated left and it" |
| text run at (36,72) width 93: "has no margin." |
| layer at (208,411) size 569x166 scrollHeight 167 |
| RenderBlock {DIV} at (200,0) size 569x166 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x19 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x19 |
| RenderText {#text} at (0,18) size 94x19 |
| text run at (0,18) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x19 |
| RenderText {#text} at (94,18) size 193x19 |
| text run at (94,18) width 193: "new block formating context" |
| RenderText {#text} at (287,18) size 194x19 |
| text run at (287,18) width 194: " thanks to the CSS declaration " |
| RenderInline {CODE} at (0,0) size 553x34 |
| RenderText {#text} at (481,22) size 553x34 |
| text run at (481,22) width 72: "overflow:" |
| text run at (0,41) width 48: "hidden" |
| RenderText {#text} at (48,37) size 4x19 |
| text run at (48,37) width 4: ";" |
| RenderBR {BR} at (52,37) size 0x19 |
| RenderText {#text} at (0,56) size 164x19 |
| text run at (0,56) width 164: "\x{2013} has a 200px left margin;" |
| RenderBR {BR} at (164,56) size 0x19 |
| RenderBR {BR} at (0,74) size 0x19 |
| RenderText {#text} at (0,92) size 140x19 |
| text run at (0,92) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,92) size 0x19 |
| RenderText {#text} at (0,110) size 94x19 |
| text run at (0,110) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x19 |
| RenderText {#text} at (94,110) size 193x19 |
| text run at (94,110) width 193: "new block formating context" |
| RenderText {#text} at (287,110) size 194x19 |
| text run at (287,110) width 194: " thanks to the CSS declaration " |
| RenderInline {CODE} at (0,0) size 553x34 |
| RenderText {#text} at (481,114) size 553x34 |
| text run at (481,114) width 72: "overflow:" |
| text run at (0,133) width 48: "hidden" |
| RenderText {#text} at (48,129) size 4x19 |
| text run at (48,129) width 4: ";" |
| RenderBR {BR} at (52,129) size 0x19 |
| RenderText {#text} at (0,148) size 164x19 |
| text run at (0,148) width 164: "\x{2013} has a 200px left margin;" |
| layer at (8,756) size 769x200 |
| RenderBlock {DIV} at (0,737) size 769x200 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 125x73 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,54) width 119: "is a floated left and" |
| text run at (36,72) width 125: "it has a right margin" |
| text run at (36,90) width 61: "of 100px." |
| layer at (308,756) size 369x164 scrollHeight 165 |
| RenderBlock {DIV} at (300,0) size 369x164 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x19 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x19 |
| RenderText {#text} at (0,18) size 94x19 |
| text run at (0,18) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x19 |
| RenderText {#text} at (94,18) size 193x19 |
| text run at (94,18) width 193: "new block formating context" |
| RenderText {#text} at (287,18) size 348x37 |
| text run at (287,18) width 61: " thanks to" |
| text run at (0,36) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,40) size 128x15 |
| text run at (129,40) width 128: "overflow: hidden" |
| RenderText {#text} at (257,36) size 4x19 |
| text run at (257,36) width 4: ";" |
| RenderBR {BR} at (261,36) size 0x19 |
| RenderText {#text} at (0,55) size 311x19 |
| text run at (0,55) width 311: "\x{2013} has a 0px left margin and a 100px right margin;" |
| RenderBR {BR} at (311,55) size 0x19 |
| RenderBR {BR} at (0,73) size 0x19 |
| RenderText {#text} at (0,91) size 140x19 |
| text run at (0,91) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,91) size 0x19 |
| RenderText {#text} at (0,109) size 94x19 |
| text run at (0,109) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x19 |
| RenderText {#text} at (94,109) size 193x19 |
| text run at (94,109) width 193: "new block formating context" |
| RenderText {#text} at (287,109) size 348x37 |
| text run at (287,109) width 61: " thanks to" |
| text run at (0,127) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,131) size 128x15 |
| text run at (129,131) width 128: "overflow: hidden" |
| RenderText {#text} at (257,127) size 4x19 |
| text run at (257,127) width 4: ";" |
| RenderBR {BR} at (261,127) size 0x19 |
| RenderText {#text} at (0,146) size 311x19 |
| text run at (0,146) width 311: "\x{2013} has a 0px left margin and a 100px right margin;" |
| layer at (8,1101) size 769x200 |
| RenderBlock {DIV} at (0,1082) size 769x200 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x55 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,54) width 120: "is floated left and it" |
| text run at (36,72) width 93: "has no margin." |
| RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 128x55 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,54) width 128: "is a floated right and" |
| text run at (36,72) width 105: "it has no margin." |
| layer at (208,1101) size 369x164 scrollHeight 165 |
| RenderBlock {DIV} at (200,0) size 369x164 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x19 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x19 |
| RenderText {#text} at (0,18) size 94x19 |
| text run at (0,18) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x19 |
| RenderText {#text} at (94,18) size 193x19 |
| text run at (94,18) width 193: "new block formating context" |
| RenderText {#text} at (287,18) size 348x37 |
| text run at (287,18) width 61: " thanks to" |
| text run at (0,36) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,40) size 128x15 |
| text run at (129,40) width 128: "overflow: hidden" |
| RenderText {#text} at (257,36) size 4x19 |
| text run at (257,36) width 4: ";" |
| RenderBR {BR} at (261,36) size 0x19 |
| RenderText {#text} at (0,55) size 327x19 |
| text run at (0,55) width 327: "\x{2013} has a 100px left margin and a 100px right margin;" |
| RenderBR {BR} at (327,55) size 0x19 |
| RenderBR {BR} at (0,73) size 0x19 |
| RenderText {#text} at (0,91) size 140x19 |
| text run at (0,91) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,91) size 0x19 |
| RenderText {#text} at (0,109) size 94x19 |
| text run at (0,109) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x19 |
| RenderText {#text} at (94,109) size 193x19 |
| text run at (94,109) width 193: "new block formating context" |
| RenderText {#text} at (287,109) size 348x37 |
| text run at (287,109) width 61: " thanks to" |
| text run at (0,127) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,131) size 128x15 |
| text run at (129,131) width 128: "overflow: hidden" |
| RenderText {#text} at (257,127) size 4x19 |
| text run at (257,127) width 4: ";" |
| RenderBR {BR} at (261,127) size 0x19 |
| RenderText {#text} at (0,146) size 327x19 |
| text run at (0,146) width 327: "\x{2013} has a 100px left margin and a 100px right margin;" |
| layer at (8,1446) size 769x200 |
| RenderBlock {DIV} at (0,1427) size 769x200 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x55 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,54) width 120: "is floated left and it" |
| text run at (36,72) width 93: "has no margin." |
| RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 128x55 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,54) width 128: "is a floated right and" |
| text run at (36,72) width 105: "it has no margin." |
| layer at (208,1446) size 369x164 scrollHeight 165 |
| RenderBlock {DIV} at (200,0) size 369x164 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x19 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x19 |
| RenderText {#text} at (0,18) size 94x19 |
| text run at (0,18) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x19 |
| RenderText {#text} at (94,18) size 193x19 |
| text run at (94,18) width 193: "new block formating context" |
| RenderText {#text} at (287,18) size 348x37 |
| text run at (287,18) width 61: " thanks to" |
| text run at (0,36) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,40) size 128x15 |
| text run at (129,40) width 128: "overflow: hidden" |
| RenderText {#text} at (257,36) size 4x19 |
| text run at (257,36) width 4: ";" |
| RenderBR {BR} at (261,36) size 0x19 |
| RenderText {#text} at (0,55) size 173x19 |
| text run at (0,55) width 173: "\x{2013} has a 200px right margin;" |
| RenderBR {BR} at (173,55) size 0x19 |
| RenderBR {BR} at (0,73) size 0x19 |
| RenderText {#text} at (0,91) size 140x19 |
| text run at (0,91) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,91) size 0x19 |
| RenderText {#text} at (0,109) size 94x19 |
| text run at (0,109) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x19 |
| RenderText {#text} at (94,109) size 193x19 |
| text run at (94,109) width 193: "new block formating context" |
| RenderText {#text} at (287,109) size 348x37 |
| text run at (287,109) width 61: " thanks to" |
| text run at (0,127) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,131) size 128x15 |
| text run at (129,131) width 128: "overflow: hidden" |
| RenderText {#text} at (257,127) size 4x19 |
| text run at (257,127) width 4: ";" |
| RenderBR {BR} at (261,127) size 0x19 |
| RenderText {#text} at (0,146) size 173x19 |
| text run at (0,146) width 173: "\x{2013} has a 200px right margin;" |
| layer at (8,1791) size 769x272 |
| RenderBlock {DIV} at (0,1772) size 769x272 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x73 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,54) width 120: "is floated left and it" |
| text run at (36,72) width 113: "has a right margin" |
| text run at (36,90) width 61: "of 100px." |
| RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x73 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,54) width 117: "is floated right and" |
| text run at (36,72) width 116: "it has a left margin" |
| text run at (36,90) width 61: "of 100px." |
| layer at (308,1791) size 169x272 scrollHeight 273 |
| RenderBlock {DIV} at (300,0) size 169x272 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x19 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x19 |
| RenderText {#text} at (0,18) size 94x19 |
| text run at (0,18) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 163x37 |
| RenderText {#text} at (94,18) size 163x37 |
| text run at (94,18) width 69: "new block" |
| text run at (0,36) width 120: "formating context" |
| RenderText {#text} at (120,36) size 165x37 |
| text run at (120,36) width 45: " thanks" |
| text run at (0,54) width 141: "to the CSS declaration" |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (0,76) size 128x15 |
| text run at (0,76) width 128: "overflow: hidden" |
| RenderText {#text} at (128,72) size 4x19 |
| text run at (128,72) width 4: ";" |
| RenderBR {BR} at (132,72) size 0x19 |
| RenderText {#text} at (0,91) size 147x37 |
| text run at (0,91) width 144: "\x{2013} has a 0px left margin" |
| text run at (0,109) width 147: "and a 0px right margin;" |
| RenderBR {BR} at (147,109) size 0x19 |
| RenderBR {BR} at (0,127) size 0x19 |
| RenderText {#text} at (0,145) size 140x19 |
| text run at (0,145) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,145) size 0x19 |
| RenderText {#text} at (0,163) size 94x19 |
| text run at (0,163) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 163x37 |
| RenderText {#text} at (94,163) size 163x37 |
| text run at (94,163) width 69: "new block" |
| text run at (0,181) width 120: "formating context" |
| RenderText {#text} at (120,181) size 165x37 |
| text run at (120,181) width 45: " thanks" |
| text run at (0,199) width 141: "to the CSS declaration" |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (0,221) size 128x15 |
| text run at (0,221) width 128: "overflow: hidden" |
| RenderText {#text} at (128,217) size 4x19 |
| text run at (128,217) width 4: ";" |
| RenderBR {BR} at (132,217) size 0x19 |
| RenderText {#text} at (0,236) size 147x37 |
| text run at (0,236) width 144: "\x{2013} has a 0px left margin" |
| text run at (0,254) width 147: "and a 0px right margin;" |
