layer at (0,0) size 785x2077
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x2077
  RenderBlock {HTML} at (0,0) size 785x2078
    RenderBody {BODY} at (8,19) size 769x2043
      RenderBlock {H2} at (0,0) size 769x27
        RenderText {#text} at (0,0) size 149x26
          text run at (0,0) width 149: "Test 1 (1 float)"
      RenderBlock {HR} at (48,294) size 673x3 [border: (1px inset #000000)]
      RenderBlock {H2} at (0,344) size 769x28
        RenderText {#text} at (0,0) size 149x26
          text run at (0,0) width 149: "Test 2 (1 float)"
      RenderBlock {HR} at (48,639) size 673x3 [border: (1px inset #000000)]
      RenderBlock {H2} at (0,689) size 769x28
        RenderText {#text} at (0,0) size 149x26
          text run at (0,0) width 149: "Test 3 (1 float)"
      RenderBlock {HR} at (48,984) size 673x3 [border: (1px inset #000000)]
      RenderBlock {H2} at (0,1034) size 769x28
        RenderText {#text} at (0,0) size 158x26
          text run at (0,0) width 158: "Test 4 (2 floats)"
      RenderBlock {HR} at (48,1329) size 673x3 [border: (1px inset #000000)]
      RenderBlock {H2} at (0,1379) size 769x28
        RenderText {#text} at (0,0) size 158x26
          text run at (0,0) width 158: "Test 5 (2 floats)"
      RenderBlock {HR} at (48,1674) size 673x3 [border: (1px inset #000000)]
      RenderBlock {H2} at (0,1724) size 769x28
        RenderText {#text} at (0,0) size 158x26
          text run at (0,0) width 158: "Test 6 (2 floats)"
layer at (8,67) size 769x200
  RenderBlock {DIV} at (0,46) size 769x201 [bgcolor=#C0C0C0]
    RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
      RenderText {#text} at (36,36) size 120x53
        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,67) size 469x162
  RenderBlock {DIV} at (200,0) size 469x162 [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,18) size 94x17
      text run at (0,18) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 193x17
      RenderText {#text} at (94,18) size 193x17
        text run at (94,18) width 193: "new block formating context"
    RenderText {#text} at (287,18) size 404x35
      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,39) size 128x15
        text run at (73,39) width 128: "overflow: hidden"
    RenderText {#text} at (201,36) size 4x17
      text run at (201,36) width 4: ";"
    RenderBR {BR} at (205,36) size 0x17
    RenderText {#text} at (0,54) size 327x17
      text run at (0,54) width 327: "\x{2013} has a 100px left margin and a 100px right margin;"
    RenderBR {BR} at (327,54) size 0x17
    RenderBR {BR} at (0,72) size 0x17
    RenderText {#text} at (0,90) size 140x17
      text run at (0,90) width 140: "This orange rectangle:"
    RenderBR {BR} at (140,90) size 0x17
    RenderText {#text} at (0,108) size 94x17
      text run at (0,108) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 193x17
      RenderText {#text} at (94,108) size 193x17
        text run at (94,108) width 193: "new block formating context"
    RenderText {#text} at (287,108) size 404x35
      text run at (287,108) width 117: " thanks to the CSS"
      text run at (0,126) width 73: "declaration "
    RenderInline {CODE} at (0,0) size 128x15
      RenderText {#text} at (73,129) size 128x15
        text run at (73,129) width 128: "overflow: hidden"
    RenderText {#text} at (201,126) size 4x17
      text run at (201,126) width 4: ";"
    RenderBR {BR} at (205,126) size 0x17
    RenderText {#text} at (0,144) size 327x17
      text run at (0,144) width 327: "\x{2013} has a 100px left margin and a 100px right margin;"
layer at (8,412) size 769x200
  RenderBlock {DIV} at (0,391) size 769x201 [bgcolor=#C0C0C0]
    RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
      RenderText {#text} at (36,36) size 120x53
        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,412) size 569x162
  RenderBlock {DIV} at (200,0) size 569x162 [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,18) size 94x17
      text run at (0,18) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 193x17
      RenderText {#text} at (94,18) size 193x17
        text run at (94,18) width 193: "new block formating context"
    RenderText {#text} at (287,18) size 194x17
      text run at (287,18) width 194: " thanks to the CSS declaration "
    RenderInline {CODE} at (0,0) size 553x33
      RenderText {#text} at (481,21) size 553x33
        text run at (481,21) width 72: "overflow:"
        text run at (0,39) width 48: "hidden"
    RenderText {#text} at (48,36) size 4x17
      text run at (48,36) width 4: ";"
    RenderBR {BR} at (52,36) size 0x17
    RenderText {#text} at (0,54) size 164x17
      text run at (0,54) width 164: "\x{2013} has a 200px left margin;"
    RenderBR {BR} at (164,54) size 0x17
    RenderBR {BR} at (0,72) size 0x17
    RenderText {#text} at (0,90) size 140x17
      text run at (0,90) width 140: "This orange rectangle:"
    RenderBR {BR} at (140,90) size 0x17
    RenderText {#text} at (0,108) size 94x17
      text run at (0,108) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 193x17
      RenderText {#text} at (94,108) size 193x17
        text run at (94,108) width 193: "new block formating context"
    RenderText {#text} at (287,108) size 194x17
      text run at (287,108) width 194: " thanks to the CSS declaration "
    RenderInline {CODE} at (0,0) size 553x33
      RenderText {#text} at (481,111) size 553x33
        text run at (481,111) width 72: "overflow:"
        text run at (0,129) width 48: "hidden"
    RenderText {#text} at (48,126) size 4x17
      text run at (48,126) width 4: ";"
    RenderBR {BR} at (52,126) size 0x17
    RenderText {#text} at (0,144) size 164x17
      text run at (0,144) width 164: "\x{2013} has a 200px left margin;"
layer at (8,757) size 769x200
  RenderBlock {DIV} at (0,736) size 769x201 [bgcolor=#C0C0C0]
    RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
      RenderText {#text} at (36,36) size 125x71
        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,757) size 369x162
  RenderBlock {DIV} at (300,0) size 369x162 [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,18) size 94x17
      text run at (0,18) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 193x17
      RenderText {#text} at (94,18) size 193x17
        text run at (94,18) width 193: "new block formating context"
    RenderText {#text} at (287,18) size 348x35
      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,39) size 128x15
        text run at (129,39) width 128: "overflow: hidden"
    RenderText {#text} at (257,36) size 4x17
      text run at (257,36) width 4: ";"
    RenderBR {BR} at (261,36) size 0x17
    RenderText {#text} at (0,54) size 311x17
      text run at (0,54) width 311: "\x{2013} has a 0px left margin and a 100px right margin;"
    RenderBR {BR} at (311,54) size 0x17
    RenderBR {BR} at (0,72) size 0x17
    RenderText {#text} at (0,90) size 140x17
      text run at (0,90) width 140: "This orange rectangle:"
    RenderBR {BR} at (140,90) size 0x17
    RenderText {#text} at (0,108) size 94x17
      text run at (0,108) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 193x17
      RenderText {#text} at (94,108) size 193x17
        text run at (94,108) width 193: "new block formating context"
    RenderText {#text} at (287,108) size 348x35
      text run at (287,108) width 61: " thanks to"
      text run at (0,126) width 129: "the CSS declaration "
    RenderInline {CODE} at (0,0) size 128x15
      RenderText {#text} at (129,129) size 128x15
        text run at (129,129) width 128: "overflow: hidden"
    RenderText {#text} at (257,126) size 4x17
      text run at (257,126) width 4: ";"
    RenderBR {BR} at (261,126) size 0x17
    RenderText {#text} at (0,144) size 311x17
      text run at (0,144) width 311: "\x{2013} has a 0px left margin and a 100px right margin;"
layer at (8,1102) size 769x200
  RenderBlock {DIV} at (0,1081) size 769x201 [bgcolor=#C0C0C0]
    RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
      RenderText {#text} at (36,36) size 120x53
        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 128x53
        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,1102) size 369x162
  RenderBlock {DIV} at (200,0) size 369x162 [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,18) size 94x17
      text run at (0,18) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 193x17
      RenderText {#text} at (94,18) size 193x17
        text run at (94,18) width 193: "new block formating context"
    RenderText {#text} at (287,18) size 348x35
      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,39) size 128x15
        text run at (129,39) width 128: "overflow: hidden"
    RenderText {#text} at (257,36) size 4x17
      text run at (257,36) width 4: ";"
    RenderBR {BR} at (261,36) size 0x17
    RenderText {#text} at (0,54) size 327x17
      text run at (0,54) width 327: "\x{2013} has a 100px left margin and a 100px right margin;"
    RenderBR {BR} at (327,54) size 0x17
    RenderBR {BR} at (0,72) size 0x17
    RenderText {#text} at (0,90) size 140x17
      text run at (0,90) width 140: "This orange rectangle:"
    RenderBR {BR} at (140,90) size 0x17
    RenderText {#text} at (0,108) size 94x17
      text run at (0,108) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 193x17
      RenderText {#text} at (94,108) size 193x17
        text run at (94,108) width 193: "new block formating context"
    RenderText {#text} at (287,108) size 348x35
      text run at (287,108) width 61: " thanks to"
      text run at (0,126) width 129: "the CSS declaration "
    RenderInline {CODE} at (0,0) size 128x15
      RenderText {#text} at (129,129) size 128x15
        text run at (129,129) width 128: "overflow: hidden"
    RenderText {#text} at (257,126) size 4x17
      text run at (257,126) width 4: ";"
    RenderBR {BR} at (261,126) size 0x17
    RenderText {#text} at (0,144) size 327x17
      text run at (0,144) width 327: "\x{2013} has a 100px left margin and a 100px right margin;"
layer at (8,1446) size 769x200
  RenderBlock {DIV} at (0,1426) size 769x201 [bgcolor=#C0C0C0]
    RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
      RenderText {#text} at (36,36) size 120x53
        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 128x53
        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 369x162
  RenderBlock {DIV} at (200,0) size 369x162 [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,18) size 94x17
      text run at (0,18) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 193x17
      RenderText {#text} at (94,18) size 193x17
        text run at (94,18) width 193: "new block formating context"
    RenderText {#text} at (287,18) size 348x35
      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,39) size 128x15
        text run at (129,39) width 128: "overflow: hidden"
    RenderText {#text} at (257,36) size 4x17
      text run at (257,36) width 4: ";"
    RenderBR {BR} at (261,36) size 0x17
    RenderText {#text} at (0,54) size 173x17
      text run at (0,54) width 173: "\x{2013} has a 200px right margin;"
    RenderBR {BR} at (173,54) size 0x17
    RenderBR {BR} at (0,72) size 0x17
    RenderText {#text} at (0,90) size 140x17
      text run at (0,90) width 140: "This orange rectangle:"
    RenderBR {BR} at (140,90) size 0x17
    RenderText {#text} at (0,108) size 94x17
      text run at (0,108) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 193x17
      RenderText {#text} at (94,108) size 193x17
        text run at (94,108) width 193: "new block formating context"
    RenderText {#text} at (287,108) size 348x35
      text run at (287,108) width 61: " thanks to"
      text run at (0,126) width 129: "the CSS declaration "
    RenderInline {CODE} at (0,0) size 128x15
      RenderText {#text} at (129,129) size 128x15
        text run at (129,129) width 128: "overflow: hidden"
    RenderText {#text} at (257,126) size 4x17
      text run at (257,126) width 4: ";"
    RenderBR {BR} at (261,126) size 0x17
    RenderText {#text} at (0,144) size 173x17
      text run at (0,144) width 173: "\x{2013} has a 200px right margin;"
layer at (8,1791) size 769x270
  RenderBlock {DIV} at (0,1771) size 769x271 [bgcolor=#C0C0C0]
    RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
      RenderText {#text} at (36,36) size 120x71
        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 120x71
        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 169x270
  RenderBlock {DIV} at (300,0) size 169x270 [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,18) size 94x17
      text run at (0,18) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 163x35
      RenderText {#text} at (94,18) size 163x35
        text run at (94,18) width 69: "new block"
        text run at (0,36) width 120: "formating context"
    RenderText {#text} at (120,36) size 165x35
      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,75) size 128x15
        text run at (0,75) width 128: "overflow: hidden"
    RenderText {#text} at (128,72) size 4x17
      text run at (128,72) width 4: ";"
    RenderBR {BR} at (132,72) size 0x17
    RenderText {#text} at (0,90) size 147x35
      text run at (0,90) width 144: "\x{2013} has a 0px left margin"
      text run at (0,108) width 147: "and a 0px right margin;"
    RenderBR {BR} at (147,108) size 0x17
    RenderBR {BR} at (0,126) size 0x17
    RenderText {#text} at (0,144) size 140x17
      text run at (0,144) width 140: "This orange rectangle:"
    RenderBR {BR} at (140,144) size 0x17
    RenderText {#text} at (0,162) size 94x17
      text run at (0,162) width 94: "\x{2013} establishes a "
    RenderInline {STRONG} at (0,0) size 163x35
      RenderText {#text} at (94,162) size 163x35
        text run at (94,162) width 69: "new block"
        text run at (0,180) width 120: "formating context"
    RenderText {#text} at (120,180) size 165x35
      text run at (120,180) width 45: " thanks"
      text run at (0,198) width 141: "to the CSS declaration"
    RenderInline {CODE} at (0,0) size 128x15
      RenderText {#text} at (0,219) size 128x15
        text run at (0,219) width 128: "overflow: hidden"
    RenderText {#text} at (128,216) size 4x17
      text run at (128,216) width 4: ";"
    RenderBR {BR} at (132,216) size 0x17
    RenderText {#text} at (0,234) size 147x35
      text run at (0,234) width 144: "\x{2013} has a 0px left margin"
      text run at (0,252) width 147: "and a 0px right margin;"