| layer at (0,0) size 785x2058 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x2058 |
| RenderBlock {HTML} at (0,0) size 785x2059 |
| RenderBody {BODY} at (8,19) size 769x2024 |
| RenderBlock {H2} at (0,0) size 769x26 |
| RenderText {#text} at (0,0) size 149x26 |
| text run at (0,0) width 149: "Test 1 (1 float)" |
| RenderBlock {HR} at (48,293) size 673x3 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,343) size 769x27 |
| RenderText {#text} at (0,0) size 149x26 |
| text run at (0,0) width 149: "Test 2 (1 float)" |
| RenderBlock {HR} at (48,637) size 673x3 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,687) size 769x27 |
| RenderText {#text} at (0,0) size 149x26 |
| text run at (0,0) width 149: "Test 3 (1 float)" |
| RenderBlock {HR} at (48,981) size 673x3 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,1031) size 769x27 |
| RenderText {#text} at (0,0) size 158x26 |
| text run at (0,0) width 158: "Test 4 (2 floats)" |
| RenderBlock {HR} at (48,1325) size 673x3 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,1375) size 769x27 |
| RenderText {#text} at (0,0) size 158x26 |
| text run at (0,0) width 158: "Test 5 (2 floats)" |
| RenderBlock {HR} at (48,1669) size 673x3 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,1719) size 769x27 |
| RenderText {#text} at (0,0) size 158x26 |
| text run at (0,0) width 158: "Test 6 (2 floats)" |
| layer at (8,66) size 769x200 |
| RenderBlock {DIV} at (0,45) size 769x201 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x51 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,53) width 120: "is floated left and it" |
| text run at (36,70) width 93: "has no margin." |
| layer at (208,66) size 469x155 |
| RenderBlock {DIV} at (200,0) size 469x155 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x17 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x17 |
| RenderText {#text} at (0,17) size 94x17 |
| text run at (0,17) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x17 |
| RenderText {#text} at (94,17) size 193x17 |
| text run at (94,17) width 193: "new block formating context" |
| RenderText {#text} at (287,17) size 404x34 |
| text run at (287,17) width 117: " thanks to the CSS" |
| text run at (0,34) width 73: "declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (73,37) size 128x15 |
| text run at (73,37) width 128: "overflow: hidden" |
| RenderText {#text} at (201,34) size 4x17 |
| text run at (201,34) width 4: ";" |
| RenderBR {BR} at (205,34) size 0x17 |
| RenderText {#text} at (0,52) size 327x17 |
| text run at (0,52) width 327: "\x{2013} has a 100px left margin and a 100px right margin;" |
| RenderBR {BR} at (327,52) size 0x17 |
| RenderBR {BR} at (0,69) size 0x17 |
| RenderText {#text} at (0,86) size 140x17 |
| text run at (0,86) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,86) size 0x17 |
| RenderText {#text} at (0,103) size 94x17 |
| text run at (0,103) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x17 |
| RenderText {#text} at (94,103) size 193x17 |
| text run at (94,103) width 193: "new block formating context" |
| RenderText {#text} at (287,103) size 404x34 |
| text run at (287,103) width 117: " thanks to the CSS" |
| text run at (0,120) width 73: "declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (73,123) size 128x15 |
| text run at (73,123) width 128: "overflow: hidden" |
| RenderText {#text} at (201,120) size 4x17 |
| text run at (201,120) width 4: ";" |
| RenderBR {BR} at (205,120) size 0x17 |
| RenderText {#text} at (0,138) size 327x17 |
| text run at (0,138) width 327: "\x{2013} has a 100px left margin and a 100px right margin;" |
| layer at (8,410) size 769x200 |
| RenderBlock {DIV} at (0,389) size 769x201 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x51 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,53) width 120: "is floated left and it" |
| text run at (36,70) width 93: "has no margin." |
| layer at (208,410) size 569x157 |
| RenderBlock {DIV} at (200,0) size 569x157 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x17 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x17 |
| RenderText {#text} at (0,17) size 94x17 |
| text run at (0,17) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x17 |
| RenderText {#text} at (94,17) size 193x17 |
| text run at (94,17) width 193: "new block formating context" |
| RenderText {#text} at (287,17) size 194x17 |
| text run at (287,17) width 194: " thanks to the CSS declaration " |
| RenderInline {CODE} at (0,0) size 553x33 |
| RenderText {#text} at (481,20) size 553x33 |
| text run at (481,20) width 72: "overflow:" |
| text run at (0,38) width 48: "hidden" |
| RenderText {#text} at (48,35) size 4x17 |
| text run at (48,35) width 4: ";" |
| RenderBR {BR} at (52,35) size 0x17 |
| RenderText {#text} at (0,53) size 164x17 |
| text run at (0,53) width 164: "\x{2013} has a 200px left margin;" |
| RenderBR {BR} at (164,53) size 0x17 |
| RenderBR {BR} at (0,70) size 0x17 |
| RenderText {#text} at (0,87) size 140x17 |
| text run at (0,87) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,87) size 0x17 |
| RenderText {#text} at (0,104) size 94x17 |
| text run at (0,104) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x17 |
| RenderText {#text} at (94,104) size 193x17 |
| text run at (94,104) width 193: "new block formating context" |
| RenderText {#text} at (287,104) size 194x17 |
| text run at (287,104) width 194: " thanks to the CSS declaration " |
| RenderInline {CODE} at (0,0) size 553x33 |
| RenderText {#text} at (481,107) size 553x33 |
| text run at (481,107) width 72: "overflow:" |
| text run at (0,125) width 48: "hidden" |
| RenderText {#text} at (48,122) size 4x17 |
| text run at (48,122) width 4: ";" |
| RenderBR {BR} at (52,122) size 0x17 |
| RenderText {#text} at (0,140) size 164x17 |
| text run at (0,140) width 164: "\x{2013} has a 200px left margin;" |
| layer at (8,754) size 769x200 |
| RenderBlock {DIV} at (0,733) size 769x201 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 125x68 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,53) width 119: "is a floated left and" |
| text run at (36,70) width 125: "it has a right margin" |
| text run at (36,87) width 61: "of 100px." |
| layer at (308,754) size 369x155 |
| RenderBlock {DIV} at (300,0) size 369x155 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x17 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x17 |
| RenderText {#text} at (0,17) size 94x17 |
| text run at (0,17) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x17 |
| RenderText {#text} at (94,17) size 193x17 |
| text run at (94,17) width 193: "new block formating context" |
| RenderText {#text} at (287,17) size 348x34 |
| text run at (287,17) width 61: " thanks to" |
| text run at (0,34) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,37) size 128x15 |
| text run at (129,37) width 128: "overflow: hidden" |
| RenderText {#text} at (257,34) size 4x17 |
| text run at (257,34) width 4: ";" |
| RenderBR {BR} at (261,34) size 0x17 |
| RenderText {#text} at (0,52) size 311x17 |
| text run at (0,52) width 311: "\x{2013} has a 0px left margin and a 100px right margin;" |
| RenderBR {BR} at (311,52) size 0x17 |
| RenderBR {BR} at (0,69) size 0x17 |
| RenderText {#text} at (0,86) size 140x17 |
| text run at (0,86) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,86) size 0x17 |
| RenderText {#text} at (0,103) size 94x17 |
| text run at (0,103) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x17 |
| RenderText {#text} at (94,103) size 193x17 |
| text run at (94,103) width 193: "new block formating context" |
| RenderText {#text} at (287,103) size 348x34 |
| text run at (287,103) width 61: " thanks to" |
| text run at (0,120) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,123) size 128x15 |
| text run at (129,123) width 128: "overflow: hidden" |
| RenderText {#text} at (257,120) size 4x17 |
| text run at (257,120) width 4: ";" |
| RenderBR {BR} at (261,120) size 0x17 |
| RenderText {#text} at (0,138) size 311x17 |
| text run at (0,138) width 311: "\x{2013} has a 0px left margin and a 100px right margin;" |
| layer at (8,1098) size 769x200 |
| RenderBlock {DIV} at (0,1077) size 769x201 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x51 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,53) width 120: "is floated left and it" |
| text run at (36,70) 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 128x51 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,53) width 128: "is a floated right and" |
| text run at (36,70) width 105: "it has no margin." |
| layer at (208,1098) size 369x155 |
| RenderBlock {DIV} at (200,0) size 369x155 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x17 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x17 |
| RenderText {#text} at (0,17) size 94x17 |
| text run at (0,17) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x17 |
| RenderText {#text} at (94,17) size 193x17 |
| text run at (94,17) width 193: "new block formating context" |
| RenderText {#text} at (287,17) size 348x34 |
| text run at (287,17) width 61: " thanks to" |
| text run at (0,34) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,37) size 128x15 |
| text run at (129,37) width 128: "overflow: hidden" |
| RenderText {#text} at (257,34) size 4x17 |
| text run at (257,34) width 4: ";" |
| RenderBR {BR} at (261,34) size 0x17 |
| RenderText {#text} at (0,52) size 327x17 |
| text run at (0,52) width 327: "\x{2013} has a 100px left margin and a 100px right margin;" |
| RenderBR {BR} at (327,52) size 0x17 |
| RenderBR {BR} at (0,69) size 0x17 |
| RenderText {#text} at (0,86) size 140x17 |
| text run at (0,86) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,86) size 0x17 |
| RenderText {#text} at (0,103) size 94x17 |
| text run at (0,103) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x17 |
| RenderText {#text} at (94,103) size 193x17 |
| text run at (94,103) width 193: "new block formating context" |
| RenderText {#text} at (287,103) size 348x34 |
| text run at (287,103) width 61: " thanks to" |
| text run at (0,120) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,123) size 128x15 |
| text run at (129,123) width 128: "overflow: hidden" |
| RenderText {#text} at (257,120) size 4x17 |
| text run at (257,120) width 4: ";" |
| RenderBR {BR} at (261,120) size 0x17 |
| RenderText {#text} at (0,138) size 327x17 |
| text run at (0,138) width 327: "\x{2013} has a 100px left margin and a 100px right margin;" |
| layer at (8,1441) size 769x200 |
| RenderBlock {DIV} at (0,1421) size 769x201 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x51 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,53) width 120: "is floated left and it" |
| text run at (36,70) 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 128x51 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,53) width 128: "is a floated right and" |
| text run at (36,70) width 105: "it has no margin." |
| layer at (208,1441) size 369x155 |
| RenderBlock {DIV} at (200,0) size 369x155 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x17 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x17 |
| RenderText {#text} at (0,17) size 94x17 |
| text run at (0,17) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x17 |
| RenderText {#text} at (94,17) size 193x17 |
| text run at (94,17) width 193: "new block formating context" |
| RenderText {#text} at (287,17) size 348x34 |
| text run at (287,17) width 61: " thanks to" |
| text run at (0,34) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,37) size 128x15 |
| text run at (129,37) width 128: "overflow: hidden" |
| RenderText {#text} at (257,34) size 4x17 |
| text run at (257,34) width 4: ";" |
| RenderBR {BR} at (261,34) size 0x17 |
| RenderText {#text} at (0,52) size 173x17 |
| text run at (0,52) width 173: "\x{2013} has a 200px right margin;" |
| RenderBR {BR} at (173,52) size 0x17 |
| RenderBR {BR} at (0,69) size 0x17 |
| RenderText {#text} at (0,86) size 140x17 |
| text run at (0,86) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,86) size 0x17 |
| RenderText {#text} at (0,103) size 94x17 |
| text run at (0,103) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 193x17 |
| RenderText {#text} at (94,103) size 193x17 |
| text run at (94,103) width 193: "new block formating context" |
| RenderText {#text} at (287,103) size 348x34 |
| text run at (287,103) width 61: " thanks to" |
| text run at (0,120) width 129: "the CSS declaration " |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (129,123) size 128x15 |
| text run at (129,123) width 128: "overflow: hidden" |
| RenderText {#text} at (257,120) size 4x17 |
| text run at (257,120) width 4: ";" |
| RenderBR {BR} at (261,120) size 0x17 |
| RenderText {#text} at (0,138) size 173x17 |
| text run at (0,138) width 173: "\x{2013} has a 200px right margin;" |
| layer at (8,1785) size 769x257 |
| RenderBlock {DIV} at (0,1765) size 769x258 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x68 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,53) width 120: "is floated left and it" |
| text run at (36,70) width 113: "has a right margin" |
| text run at (36,87) width 61: "of 100px." |
| RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 120x68 |
| text run at (36,36) width 120: "This yellow square" |
| text run at (36,53) width 117: "is floated right and" |
| text run at (36,70) width 116: "it has a left margin" |
| text run at (36,87) width 61: "of 100px." |
| layer at (308,1785) size 169x257 |
| RenderBlock {DIV} at (300,0) size 169x257 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 140x17 |
| text run at (0,0) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,0) size 0x17 |
| RenderText {#text} at (0,17) size 94x17 |
| text run at (0,17) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 163x34 |
| RenderText {#text} at (94,17) size 163x34 |
| text run at (94,17) width 69: "new block" |
| text run at (0,34) width 120: "formating context" |
| RenderText {#text} at (120,34) size 165x34 |
| text run at (120,34) width 45: " thanks" |
| text run at (0,51) width 141: "to the CSS declaration" |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (0,71) size 128x15 |
| text run at (0,71) width 128: "overflow: hidden" |
| RenderText {#text} at (128,68) size 4x17 |
| text run at (128,68) width 4: ";" |
| RenderBR {BR} at (132,68) size 0x17 |
| RenderText {#text} at (0,86) size 147x34 |
| text run at (0,86) width 144: "\x{2013} has a 0px left margin" |
| text run at (0,103) width 147: "and a 0px right margin;" |
| RenderBR {BR} at (147,103) size 0x17 |
| RenderBR {BR} at (0,120) size 0x17 |
| RenderText {#text} at (0,137) size 140x17 |
| text run at (0,137) width 140: "This orange rectangle:" |
| RenderBR {BR} at (140,137) size 0x17 |
| RenderText {#text} at (0,154) size 94x17 |
| text run at (0,154) width 94: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 163x34 |
| RenderText {#text} at (94,154) size 163x34 |
| text run at (94,154) width 69: "new block" |
| text run at (0,171) width 120: "formating context" |
| RenderText {#text} at (120,171) size 165x34 |
| text run at (120,171) width 45: " thanks" |
| text run at (0,188) width 141: "to the CSS declaration" |
| RenderInline {CODE} at (0,0) size 128x15 |
| RenderText {#text} at (0,208) size 128x15 |
| text run at (0,208) width 128: "overflow: hidden" |
| RenderText {#text} at (128,205) size 4x17 |
| text run at (128,205) width 4: ";" |
| RenderBR {BR} at (132,205) size 0x17 |
| RenderText {#text} at (0,223) size 147x34 |
| text run at (0,223) width 144: "\x{2013} has a 0px left margin" |
| text run at (0,240) width 147: "and a 0px right margin;" |