| layer at (0,0) size 800x2125 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x2125 |
| RenderBlock {HTML} at (0,0) size 800x2126 |
| RenderBody {BODY} at (8,19) size 784x2091 |
| RenderBlock {H2} at (0,0) size 784x30 |
| RenderText {#text} at (0,1) size 147x28 |
| text run at (0,1) width 147: "Test 1 (1 float)" |
| RenderBlock {HR} at (48,297) size 688x3 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,347) size 784x31 |
| RenderText {#text} at (0,1) size 147x28 |
| text run at (0,1) width 147: "Test 2 (1 float)" |
| RenderBlock {HR} at (48,645) size 688x3 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,695) size 784x31 |
| RenderText {#text} at (0,1) size 147x28 |
| text run at (0,1) width 147: "Test 3 (1 float)" |
| RenderBlock {HR} at (48,993) size 688x3 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,1043) size 784x31 |
| RenderText {#text} at (0,1) size 156x28 |
| text run at (0,1) width 156: "Test 4 (2 floats)" |
| RenderBlock {HR} at (48,1341) size 688x3 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,1391) size 784x31 |
| RenderText {#text} at (0,1) size 156x28 |
| text run at (0,1) width 156: "Test 5 (2 floats)" |
| RenderBlock {HR} at (48,1689) size 688x3 [border: (1px inset #000000)] |
| RenderBlock {H2} at (0,1739) size 784x31 |
| RenderText {#text} at (0,1) size 156x28 |
| text run at (0,1) width 156: "Test 6 (2 floats)" |
| layer at (8,70) size 784x200 |
| RenderBlock {DIV} at (0,49) size 784x201 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 125x59 |
| text run at (36,36) width 122: "This yellow square" |
| text run at (36,56) width 125: "is floated left and it" |
| text run at (36,76) width 95: "has no margin." |
| layer at (208,70) size 484x180 |
| RenderBlock {DIV} at (200,0) size 484x180 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 144x19 |
| text run at (0,0) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,0) size 1x19 |
| RenderText {#text} at (0,20) size 97x19 |
| text run at (0,20) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 196x19 |
| RenderText {#text} at (96,20) size 196x19 |
| text run at (96,20) width 196: "new block formating context" |
| RenderText {#text} at (291,20) size 410x39 |
| text run at (291,20) width 119: " thanks to the CSS" |
| text run at (0,40) width 76: "declaration " |
| RenderInline {CODE} at (0,0) size 125x14 |
| RenderText {#text} at (75,45) size 125x14 |
| text run at (75,45) width 125: "overflow: hidden" |
| RenderText {#text} at (199,40) size 6x19 |
| text run at (199,40) width 6: ";" |
| RenderBR {BR} at (204,40) size 1x19 |
| RenderText {#text} at (0,60) size 333x19 |
| text run at (0,60) width 333: "\x{2013} has a 100px left margin and a 100px right margin;" |
| RenderBR {BR} at (332,60) size 1x19 |
| RenderBR {BR} at (0,80) size 0x19 |
| RenderText {#text} at (0,100) size 144x19 |
| text run at (0,100) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,100) size 1x19 |
| RenderText {#text} at (0,120) size 97x19 |
| text run at (0,120) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 196x19 |
| RenderText {#text} at (96,120) size 196x19 |
| text run at (96,120) width 196: "new block formating context" |
| RenderText {#text} at (291,120) size 410x39 |
| text run at (291,120) width 119: " thanks to the CSS" |
| text run at (0,140) width 76: "declaration " |
| RenderInline {CODE} at (0,0) size 125x14 |
| RenderText {#text} at (75,145) size 125x14 |
| text run at (75,145) width 125: "overflow: hidden" |
| RenderText {#text} at (199,140) size 6x19 |
| text run at (199,140) width 6: ";" |
| RenderBR {BR} at (204,140) size 1x19 |
| RenderText {#text} at (0,160) size 333x19 |
| text run at (0,160) width 333: "\x{2013} has a 100px left margin and a 100px right margin;" |
| layer at (8,418) size 784x200 |
| RenderBlock {DIV} at (0,397) size 784x201 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 125x59 |
| text run at (36,36) width 122: "This yellow square" |
| text run at (36,56) width 125: "is floated left and it" |
| text run at (36,76) width 95: "has no margin." |
| layer at (208,418) size 584x180 |
| RenderBlock {DIV} at (200,0) size 584x180 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 144x19 |
| text run at (0,0) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,0) size 1x19 |
| RenderText {#text} at (0,20) size 97x19 |
| text run at (0,20) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 196x19 |
| RenderText {#text} at (96,20) size 196x19 |
| text run at (96,20) width 196: "new block formating context" |
| RenderText {#text} at (291,20) size 198x19 |
| text run at (291,20) width 198: " thanks to the CSS declaration " |
| RenderInline {CODE} at (0,0) size 560x34 |
| RenderText {#text} at (488,25) size 560x34 |
| text run at (488,25) width 72: "overflow:" |
| text run at (0,45) width 47: "hidden" |
| RenderText {#text} at (46,40) size 6x19 |
| text run at (46,40) width 6: ";" |
| RenderBR {BR} at (51,40) size 1x19 |
| RenderText {#text} at (0,60) size 168x19 |
| text run at (0,60) width 168: "\x{2013} has a 200px left margin;" |
| RenderBR {BR} at (167,60) size 1x19 |
| RenderBR {BR} at (0,80) size 0x19 |
| RenderText {#text} at (0,100) size 144x19 |
| text run at (0,100) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,100) size 1x19 |
| RenderText {#text} at (0,120) size 97x19 |
| text run at (0,120) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 196x19 |
| RenderText {#text} at (96,120) size 196x19 |
| text run at (96,120) width 196: "new block formating context" |
| RenderText {#text} at (291,120) size 198x19 |
| text run at (291,120) width 198: " thanks to the CSS declaration " |
| RenderInline {CODE} at (0,0) size 560x34 |
| RenderText {#text} at (488,125) size 560x34 |
| text run at (488,125) width 72: "overflow:" |
| text run at (0,145) width 47: "hidden" |
| RenderText {#text} at (46,140) size 6x19 |
| text run at (46,140) width 6: ";" |
| RenderBR {BR} at (51,140) size 1x19 |
| RenderText {#text} at (0,160) size 168x19 |
| text run at (0,160) width 168: "\x{2013} has a 200px left margin;" |
| layer at (8,766) size 784x200 |
| RenderBlock {DIV} at (0,745) size 784x201 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 123x79 |
| text run at (36,36) width 122: "This yellow square" |
| text run at (36,56) width 123: "is a floated left and" |
| text run at (36,76) width 80: "it has a right" |
| text run at (36,96) width 111: "margin of 100px." |
| layer at (308,766) size 384x180 |
| RenderBlock {DIV} at (300,0) size 384x180 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 144x19 |
| text run at (0,0) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,0) size 1x19 |
| RenderText {#text} at (0,20) size 97x19 |
| text run at (0,20) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 196x19 |
| RenderText {#text} at (96,20) size 196x19 |
| text run at (96,20) width 196: "new block formating context" |
| RenderText {#text} at (291,20) size 378x39 |
| text run at (291,20) width 87: " thanks to the" |
| text run at (0,40) width 108: "CSS declaration " |
| RenderInline {CODE} at (0,0) size 126x14 |
| RenderText {#text} at (107,45) size 126x14 |
| text run at (107,45) width 126: "overflow: hidden" |
| RenderText {#text} at (232,40) size 5x19 |
| text run at (232,40) width 5: ";" |
| RenderBR {BR} at (236,40) size 1x19 |
| RenderText {#text} at (0,60) size 317x19 |
| text run at (0,60) width 317: "\x{2013} has a 0px left margin and a 100px right margin;" |
| RenderBR {BR} at (316,60) size 1x19 |
| RenderBR {BR} at (0,80) size 0x19 |
| RenderText {#text} at (0,100) size 144x19 |
| text run at (0,100) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,100) size 1x19 |
| RenderText {#text} at (0,120) size 97x19 |
| text run at (0,120) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 196x19 |
| RenderText {#text} at (96,120) size 196x19 |
| text run at (96,120) width 196: "new block formating context" |
| RenderText {#text} at (291,120) size 378x39 |
| text run at (291,120) width 87: " thanks to the" |
| text run at (0,140) width 108: "CSS declaration " |
| RenderInline {CODE} at (0,0) size 126x14 |
| RenderText {#text} at (107,145) size 126x14 |
| text run at (107,145) width 126: "overflow: hidden" |
| RenderText {#text} at (232,140) size 5x19 |
| text run at (232,140) width 5: ";" |
| RenderBR {BR} at (236,140) size 1x19 |
| RenderText {#text} at (0,160) size 317x19 |
| text run at (0,160) width 317: "\x{2013} has a 0px left margin and a 100px right margin;" |
| layer at (8,1114) size 784x200 |
| RenderBlock {DIV} at (0,1093) size 784x201 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 125x59 |
| text run at (36,36) width 122: "This yellow square" |
| text run at (36,56) width 125: "is floated left and it" |
| text run at (36,76) width 95: "has no margin." |
| RenderBlock (floating) {DIV} at (584,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 122x79 |
| text run at (36,36) width 122: "This yellow square" |
| text run at (36,56) width 105: "is a floated right" |
| text run at (36,76) width 82: "and it has no" |
| text run at (36,96) width 50: "margin." |
| layer at (208,1114) size 384x180 |
| RenderBlock {DIV} at (200,0) size 384x180 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 144x19 |
| text run at (0,0) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,0) size 1x19 |
| RenderText {#text} at (0,20) size 97x19 |
| text run at (0,20) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 196x19 |
| RenderText {#text} at (96,20) size 196x19 |
| text run at (96,20) width 196: "new block formating context" |
| RenderText {#text} at (291,20) size 378x39 |
| text run at (291,20) width 87: " thanks to the" |
| text run at (0,40) width 108: "CSS declaration " |
| RenderInline {CODE} at (0,0) size 126x14 |
| RenderText {#text} at (107,45) size 126x14 |
| text run at (107,45) width 126: "overflow: hidden" |
| RenderText {#text} at (232,40) size 5x19 |
| text run at (232,40) width 5: ";" |
| RenderBR {BR} at (236,40) size 1x19 |
| RenderText {#text} at (0,60) size 333x19 |
| text run at (0,60) width 333: "\x{2013} has a 100px left margin and a 100px right margin;" |
| RenderBR {BR} at (332,60) size 1x19 |
| RenderBR {BR} at (0,80) size 0x19 |
| RenderText {#text} at (0,100) size 144x19 |
| text run at (0,100) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,100) size 1x19 |
| RenderText {#text} at (0,120) size 97x19 |
| text run at (0,120) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 196x19 |
| RenderText {#text} at (96,120) size 196x19 |
| text run at (96,120) width 196: "new block formating context" |
| RenderText {#text} at (291,120) size 378x39 |
| text run at (291,120) width 87: " thanks to the" |
| text run at (0,140) width 108: "CSS declaration " |
| RenderInline {CODE} at (0,0) size 126x14 |
| RenderText {#text} at (107,145) size 126x14 |
| text run at (107,145) width 126: "overflow: hidden" |
| RenderText {#text} at (232,140) size 5x19 |
| text run at (232,140) width 5: ";" |
| RenderBR {BR} at (236,140) size 1x19 |
| RenderText {#text} at (0,160) size 333x19 |
| text run at (0,160) width 333: "\x{2013} has a 100px left margin and a 100px right margin;" |
| layer at (8,1461) size 784x200 |
| RenderBlock {DIV} at (0,1441) size 784x201 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 125x59 |
| text run at (36,36) width 122: "This yellow square" |
| text run at (36,56) width 125: "is floated left and it" |
| text run at (36,76) width 95: "has no margin." |
| RenderBlock (floating) {DIV} at (584,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 122x79 |
| text run at (36,36) width 122: "This yellow square" |
| text run at (36,56) width 105: "is a floated right" |
| text run at (36,76) width 82: "and it has no" |
| text run at (36,96) width 50: "margin." |
| layer at (208,1461) size 384x180 |
| RenderBlock {DIV} at (200,0) size 384x180 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 144x19 |
| text run at (0,0) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,0) size 1x19 |
| RenderText {#text} at (0,20) size 97x19 |
| text run at (0,20) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 196x19 |
| RenderText {#text} at (96,20) size 196x19 |
| text run at (96,20) width 196: "new block formating context" |
| RenderText {#text} at (291,20) size 378x39 |
| text run at (291,20) width 87: " thanks to the" |
| text run at (0,40) width 108: "CSS declaration " |
| RenderInline {CODE} at (0,0) size 126x14 |
| RenderText {#text} at (107,45) size 126x14 |
| text run at (107,45) width 126: "overflow: hidden" |
| RenderText {#text} at (232,40) size 5x19 |
| text run at (232,40) width 5: ";" |
| RenderBR {BR} at (236,40) size 1x19 |
| RenderText {#text} at (0,60) size 177x19 |
| text run at (0,60) width 177: "\x{2013} has a 200px right margin;" |
| RenderBR {BR} at (176,60) size 1x19 |
| RenderBR {BR} at (0,80) size 0x19 |
| RenderText {#text} at (0,100) size 144x19 |
| text run at (0,100) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,100) size 1x19 |
| RenderText {#text} at (0,120) size 97x19 |
| text run at (0,120) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 196x19 |
| RenderText {#text} at (96,120) size 196x19 |
| text run at (96,120) width 196: "new block formating context" |
| RenderText {#text} at (291,120) size 378x39 |
| text run at (291,120) width 87: " thanks to the" |
| text run at (0,140) width 108: "CSS declaration " |
| RenderInline {CODE} at (0,0) size 126x14 |
| RenderText {#text} at (107,145) size 126x14 |
| text run at (107,145) width 126: "overflow: hidden" |
| RenderText {#text} at (232,140) size 5x19 |
| text run at (232,140) width 5: ";" |
| RenderBR {BR} at (236,140) size 1x19 |
| RenderText {#text} at (0,160) size 177x19 |
| text run at (0,160) width 177: "\x{2013} has a 200px right margin;" |
| layer at (8,1809) size 784x300 |
| RenderBlock {DIV} at (0,1789) size 784x301 [bgcolor=#C0C0C0] |
| RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 125x79 |
| text run at (36,36) width 122: "This yellow square" |
| text run at (36,56) width 125: "is floated left and it" |
| text run at (36,76) width 116: "has a right margin" |
| text run at (36,96) width 62: "of 100px." |
| RenderBlock (floating) {DIV} at (584,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)] |
| RenderText {#text} at (36,36) size 122x79 |
| text run at (36,36) width 122: "This yellow square" |
| text run at (36,56) width 121: "is floated right and" |
| text run at (36,76) width 120: "it has a left margin" |
| text run at (36,96) width 62: "of 100px." |
| layer at (308,1809) size 184x300 |
| RenderBlock {DIV} at (300,0) size 184x300 [bgcolor=#FFA500] |
| RenderText {#text} at (0,0) size 144x19 |
| text run at (0,0) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,0) size 1x19 |
| RenderText {#text} at (0,20) size 97x19 |
| text run at (0,20) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 166x39 |
| RenderText {#text} at (96,20) size 166x39 |
| text run at (96,20) width 70: "new block" |
| text run at (0,40) width 123: "formating context" |
| RenderText {#text} at (122,40) size 168x39 |
| text run at (122,40) width 46: " thanks" |
| text run at (0,60) width 144: "to the CSS declaration" |
| RenderInline {CODE} at (0,0) size 125x14 |
| RenderText {#text} at (0,85) size 125x14 |
| text run at (0,85) width 125: "overflow: hidden" |
| RenderText {#text} at (124,80) size 6x19 |
| text run at (124,80) width 6: ";" |
| RenderBR {BR} at (129,80) size 1x19 |
| RenderText {#text} at (0,100) size 174x39 |
| text run at (0,100) width 174: "\x{2013} has a 0px left margin and" |
| text run at (0,120) width 123: "a 0px right margin;" |
| RenderBR {BR} at (122,120) size 1x19 |
| RenderBR {BR} at (0,140) size 0x19 |
| RenderText {#text} at (0,160) size 144x19 |
| text run at (0,160) width 144: "This orange rectangle:" |
| RenderBR {BR} at (143,160) size 1x19 |
| RenderText {#text} at (0,180) size 97x19 |
| text run at (0,180) width 97: "\x{2013} establishes a " |
| RenderInline {STRONG} at (0,0) size 166x39 |
| RenderText {#text} at (96,180) size 166x39 |
| text run at (96,180) width 70: "new block" |
| text run at (0,200) width 123: "formating context" |
| RenderText {#text} at (122,200) size 168x39 |
| text run at (122,200) width 46: " thanks" |
| text run at (0,220) width 144: "to the CSS declaration" |
| RenderInline {CODE} at (0,0) size 125x14 |
| RenderText {#text} at (0,245) size 125x14 |
| text run at (0,245) width 125: "overflow: hidden" |
| RenderText {#text} at (124,240) size 6x19 |
| text run at (124,240) width 6: ";" |
| RenderBR {BR} at (129,240) size 1x19 |
| RenderText {#text} at (0,260) size 174x39 |
| text run at (0,260) width 174: "\x{2013} has a 0px left margin and" |
| text run at (0,280) width 123: "a 0px right margin;" |