| OLD | NEW |
| 1 layer at (0,0) size 785x1130 | 1 layer at (0,0) size 785x1130 |
| 2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
| 3 layer at (0,0) size 785x1130 | 3 layer at (0,0) size 785x1130 |
| 4 RenderBlock {HTML} at (0,0) size 785x1130 | 4 RenderBlock {HTML} at (0,0) size 785x1130 |
| 5 RenderBody {BODY} at (8,8) size 769x1114 | 5 RenderBody {BODY} at (8,8) size 769x1114 |
| 6 RenderBlock {SPAN} at (0,0) size 769x18 | 6 RenderBlock {SPAN} at (0,0) size 769x18 |
| 7 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] | 7 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] |
| 8 RenderText {#text} at (0,0) size 85x54 | 8 RenderText {#text} at (0,0) size 85x54 |
| 9 text run at (0,0) width 85: "This is a float" | 9 text run at (0,0) width 85: "This is a float" |
| 10 text run at (0,18) width 81: "that is 100px" | 10 text run at (0,18) width 81: "that is 100px" |
| 11 text run at (0,36) width 32: "high." | 11 text run at (0,36) width 32: "high." |
| 12 RenderText {#text} at (100,0) size 284x18 | 12 RenderText {#text} at (100,0) size 284x18 |
| 13 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." | 13 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." |
| 14 RenderBlock {SPAN} at (0,75) size 769x0 | 14 RenderBlock {SPAN} at (0,75) size 769x0 |
| 15 RenderBlock {SPAN} at (0,105) size 769x18 | 15 RenderBlock {SPAN} at (0,105) size 769x18 |
| 16 RenderText {#text} at (0,0) size 300x18 | 16 RenderText {#text} at (0,0) size 300x18 |
| 17 text run at (0,0) width 300: "This text should be immediately under th
e float." | 17 text run at (0,0) width 300: "This text should be immediately under th
e float." |
| 18 RenderBlock {HR} at (0,131) size 769x2 [border: (1px inset #000000)] | 18 RenderBlock {HR} at (0,131) size 769x2 [border: (1px inset #EEEEEE)] |
| 19 RenderBlock {SPAN} at (0,141) size 769x18 | 19 RenderBlock {SPAN} at (0,141) size 769x18 |
| 20 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] | 20 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] |
| 21 RenderText {#text} at (0,0) size 85x54 | 21 RenderText {#text} at (0,0) size 85x54 |
| 22 text run at (0,0) width 85: "This is a float" | 22 text run at (0,0) width 85: "This is a float" |
| 23 text run at (0,18) width 81: "that is 100px" | 23 text run at (0,18) width 81: "that is 100px" |
| 24 text run at (0,36) width 32: "high." | 24 text run at (0,36) width 32: "high." |
| 25 RenderText {#text} at (100,0) size 284x18 | 25 RenderText {#text} at (100,0) size 284x18 |
| 26 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." | 26 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." |
| 27 RenderBlock {SPAN} at (0,216) size 769x0 | 27 RenderBlock {SPAN} at (0,216) size 769x0 |
| 28 RenderBlock {SPAN} at (0,256) size 769x18 | 28 RenderBlock {SPAN} at (0,256) size 769x18 |
| 29 RenderText {#text} at (0,0) size 255x18 | 29 RenderText {#text} at (0,0) size 255x18 |
| 30 text run at (0,0) width 255: "This text should be 10px under the float
." | 30 text run at (0,0) width 255: "This text should be 10px under the float
." |
| 31 RenderBlock {HR} at (0,282) size 769x2 [border: (1px inset #000000)] | 31 RenderBlock {HR} at (0,282) size 769x2 [border: (1px inset #EEEEEE)] |
| 32 RenderBlock {SPAN} at (0,292) size 769x18 | 32 RenderBlock {SPAN} at (0,292) size 769x18 |
| 33 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] | 33 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] |
| 34 RenderText {#text} at (0,0) size 85x54 | 34 RenderText {#text} at (0,0) size 85x54 |
| 35 text run at (0,0) width 85: "This is a float" | 35 text run at (0,0) width 85: "This is a float" |
| 36 text run at (0,18) width 81: "that is 100px" | 36 text run at (0,18) width 81: "that is 100px" |
| 37 text run at (0,36) width 32: "high." | 37 text run at (0,36) width 32: "high." |
| 38 RenderText {#text} at (100,0) size 284x18 | 38 RenderText {#text} at (100,0) size 284x18 |
| 39 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." | 39 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." |
| 40 RenderBlock {SPAN} at (0,362) size 769x0 | 40 RenderBlock {SPAN} at (0,362) size 769x0 |
| 41 RenderBlock {SPAN} at (0,362) size 769x18 | 41 RenderBlock {SPAN} at (0,362) size 769x18 |
| 42 RenderText {#text} at (100,0) size 268x18 | 42 RenderText {#text} at (100,0) size 268x18 |
| 43 text run at (100,0) width 268: "This text should be to the right of th
e float." | 43 text run at (100,0) width 268: "This text should be to the right of th
e float." |
| 44 RenderBlock {HR} at (100,388) size 669x2 [border: (1px inset #000000)] | 44 RenderBlock {HR} at (100,388) size 669x2 [border: (1px inset #EEEEEE)] |
| 45 RenderBlock {SPAN} at (0,398) size 769x18 | 45 RenderBlock {SPAN} at (0,398) size 769x18 |
| 46 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] | 46 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] |
| 47 RenderText {#text} at (0,0) size 85x54 | 47 RenderText {#text} at (0,0) size 85x54 |
| 48 text run at (0,0) width 85: "This is a float" | 48 text run at (0,0) width 85: "This is a float" |
| 49 text run at (0,18) width 81: "that is 100px" | 49 text run at (0,18) width 81: "that is 100px" |
| 50 text run at (0,36) width 32: "high." | 50 text run at (0,36) width 32: "high." |
| 51 RenderText {#text} at (100,0) size 284x18 | 51 RenderText {#text} at (100,0) size 284x18 |
| 52 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." | 52 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." |
| 53 RenderBlock {SPAN} at (0,473) size 769x0 | 53 RenderBlock {SPAN} at (0,473) size 769x0 |
| 54 RenderBlock {SPAN} at (0,503) size 769x18 | 54 RenderBlock {SPAN} at (0,503) size 769x18 |
| 55 RenderText {#text} at (0,0) size 300x18 | 55 RenderText {#text} at (0,0) size 300x18 |
| 56 text run at (0,0) width 300: "This text should be immediately under th
e float." | 56 text run at (0,0) width 300: "This text should be immediately under th
e float." |
| 57 RenderBlock {HR} at (0,529) size 769x2 [border: (1px inset #000000)] | 57 RenderBlock {HR} at (0,529) size 769x2 [border: (1px inset #EEEEEE)] |
| 58 RenderBlock {SPAN} at (0,539) size 769x18 | 58 RenderBlock {SPAN} at (0,539) size 769x18 |
| 59 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] | 59 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] |
| 60 RenderText {#text} at (0,0) size 85x54 | 60 RenderText {#text} at (0,0) size 85x54 |
| 61 text run at (0,0) width 85: "This is a float" | 61 text run at (0,0) width 85: "This is a float" |
| 62 text run at (0,18) width 81: "that is 100px" | 62 text run at (0,18) width 81: "that is 100px" |
| 63 text run at (0,36) width 32: "high." | 63 text run at (0,36) width 32: "high." |
| 64 RenderText {#text} at (100,0) size 284x18 | 64 RenderText {#text} at (100,0) size 284x18 |
| 65 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." | 65 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." |
| 66 RenderBlock {SPAN} at (0,609) size 769x0 | 66 RenderBlock {SPAN} at (0,609) size 769x0 |
| 67 RenderBlock {SPAN} at (0,649) size 769x18 | 67 RenderBlock {SPAN} at (0,649) size 769x18 |
| 68 RenderText {#text} at (0,0) size 255x18 | 68 RenderText {#text} at (0,0) size 255x18 |
| 69 text run at (0,0) width 255: "This text should be 10px under the float
." | 69 text run at (0,0) width 255: "This text should be 10px under the float
." |
| 70 RenderBlock {HR} at (0,675) size 769x2 [border: (1px inset #000000)] | 70 RenderBlock {HR} at (0,675) size 769x2 [border: (1px inset #EEEEEE)] |
| 71 RenderBlock {SPAN} at (0,685) size 769x18 | 71 RenderBlock {SPAN} at (0,685) size 769x18 |
| 72 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] | 72 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] |
| 73 RenderText {#text} at (0,0) size 85x54 | 73 RenderText {#text} at (0,0) size 85x54 |
| 74 text run at (0,0) width 85: "This is a float" | 74 text run at (0,0) width 85: "This is a float" |
| 75 text run at (0,18) width 81: "that is 100px" | 75 text run at (0,18) width 81: "that is 100px" |
| 76 text run at (0,36) width 32: "high." | 76 text run at (0,36) width 32: "high." |
| 77 RenderText {#text} at (100,0) size 284x18 | 77 RenderText {#text} at (100,0) size 284x18 |
| 78 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." | 78 text run at (100,0) width 284: "This paragraph has a bottom margin of
50px." |
| 79 RenderBlock {SPAN} at (0,785) size 769x0 | 79 RenderBlock {SPAN} at (0,785) size 769x0 |
| 80 RenderBlock {SPAN} at (0,815) size 769x18 | 80 RenderBlock {SPAN} at (0,815) size 769x18 |
| 81 RenderText {#text} at (0,0) size 255x18 | 81 RenderText {#text} at (0,0) size 255x18 |
| 82 text run at (0,0) width 255: "This text should be 20px under the float
." | 82 text run at (0,0) width 255: "This text should be 20px under the float
." |
| 83 RenderBlock {HR} at (0,841) size 769x2 [border: (1px inset #000000)] | 83 RenderBlock {HR} at (0,841) size 769x2 [border: (1px inset #EEEEEE)] |
| 84 RenderBlock {SPAN} at (0,851) size 769x125 [border: (10px dotted #000000)] | 84 RenderBlock {SPAN} at (0,851) size 769x125 [border: (10px dotted #000000)] |
| 85 RenderBlock {SPAN} at (10,10) size 749x18 | 85 RenderBlock {SPAN} at (10,10) size 749x18 |
| 86 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] | 86 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] |
| 87 RenderText {#text} at (0,0) size 85x54 | 87 RenderText {#text} at (0,0) size 85x54 |
| 88 text run at (0,0) width 85: "This is a float" | 88 text run at (0,0) width 85: "This is a float" |
| 89 text run at (0,18) width 81: "that is 100px" | 89 text run at (0,18) width 81: "that is 100px" |
| 90 text run at (0,36) width 32: "high." | 90 text run at (0,36) width 32: "high." |
| 91 RenderText {#text} at (100,0) size 284x18 | 91 RenderText {#text} at (100,0) size 284x18 |
| 92 text run at (100,0) width 284: "This paragraph has a bottom margin o
f 50px." | 92 text run at (100,0) width 284: "This paragraph has a bottom margin o
f 50px." |
| 93 RenderBlock {SPAN} at (10,85) size 749x0 | 93 RenderBlock {SPAN} at (10,85) size 749x0 |
| 94 RenderBlock {HR} at (0,984) size 769x2 [border: (1px inset #000000)] | 94 RenderBlock {HR} at (0,984) size 769x2 [border: (1px inset #EEEEEE)] |
| 95 RenderBlock {SPAN} at (0,994) size 769x120 [border: (10px dotted #000000)] | 95 RenderBlock {SPAN} at (0,994) size 769x120 [border: (10px dotted #000000)] |
| 96 RenderBlock {SPAN} at (10,10) size 749x18 | 96 RenderBlock {SPAN} at (10,10) size 749x18 |
| 97 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] | 97 RenderBlock (floating) {DIV} at (0,0) size 100x100 [bgcolor=#00FF00] |
| 98 RenderText {#text} at (0,0) size 85x54 | 98 RenderText {#text} at (0,0) size 85x54 |
| 99 text run at (0,0) width 85: "This is a float" | 99 text run at (0,0) width 85: "This is a float" |
| 100 text run at (0,18) width 81: "that is 100px" | 100 text run at (0,18) width 81: "that is 100px" |
| 101 text run at (0,36) width 32: "high." | 101 text run at (0,36) width 32: "high." |
| 102 RenderText {#text} at (100,0) size 284x18 | 102 RenderText {#text} at (100,0) size 284x18 |
| 103 text run at (100,0) width 284: "This paragraph has a bottom margin o
f 50px." | 103 text run at (100,0) width 284: "This paragraph has a bottom margin o
f 50px." |
| 104 RenderBlock {SPAN} at (10,110) size 749x0 | 104 RenderBlock {SPAN} at (10,110) size 749x0 |
| OLD | NEW |