| OLD | NEW |
| 1 layer at (0,0) size 785x1142 | 1 layer at (0,0) size 785x1142 |
| 2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
| 3 layer at (0,0) size 785x1142 | 3 layer at (0,0) size 785x1142 |
| 4 RenderBlock {HTML} at (0,0) size 785x1142 | 4 RenderBlock {HTML} at (0,0) size 785x1142 |
| 5 RenderBody {BODY} at (8,8) size 769x1126 | 5 RenderBody {BODY} at (8,8) size 769x1126 |
| 6 RenderBlock {SPAN} at (0,0) size 769x20 | 6 RenderBlock {SPAN} at (0,0) size 769x20 |
| 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 79x59 | 8 RenderText {#text} at (0,0) size 79x59 |
| 9 text run at (0,0) width 79: "This is a float" | 9 text run at (0,0) width 79: "This is a float" |
| 10 text run at (0,20) width 78: "that is 100px" | 10 text run at (0,20) width 78: "that is 100px" |
| 11 text run at (0,40) width 28: "high." | 11 text run at (0,40) width 28: "high." |
| 12 RenderText {#text} at (100,0) size 271x19 | 12 RenderText {#text} at (100,0) size 271x19 |
| 13 text run at (100,0) width 271: "This paragraph has a bottom margin of
50px." | 13 text run at (100,0) width 271: "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 769x20 | 15 RenderBlock {SPAN} at (0,105) size 769x20 |
| 16 RenderText {#text} at (0,0) size 282x19 | 16 RenderText {#text} at (0,0) size 282x19 |
| 17 text run at (0,0) width 282: "This text should be immediately under th
e float." | 17 text run at (0,0) width 282: "This text should be immediately under th
e float." |
| 18 RenderBlock {HR} at (0,133) size 769x2 [border: (1px inset #000000)] | 18 RenderBlock {HR} at (0,133) size 769x2 [border: (1px inset #EEEEEE)] |
| 19 RenderBlock {SPAN} at (0,143) size 769x20 | 19 RenderBlock {SPAN} at (0,143) size 769x20 |
| 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 79x59 | 21 RenderText {#text} at (0,0) size 79x59 |
| 22 text run at (0,0) width 79: "This is a float" | 22 text run at (0,0) width 79: "This is a float" |
| 23 text run at (0,20) width 78: "that is 100px" | 23 text run at (0,20) width 78: "that is 100px" |
| 24 text run at (0,40) width 28: "high." | 24 text run at (0,40) width 28: "high." |
| 25 RenderText {#text} at (100,0) size 271x19 | 25 RenderText {#text} at (100,0) size 271x19 |
| 26 text run at (100,0) width 271: "This paragraph has a bottom margin of
50px." | 26 text run at (100,0) width 271: "This paragraph has a bottom margin of
50px." |
| 27 RenderBlock {SPAN} at (0,218) size 769x0 | 27 RenderBlock {SPAN} at (0,218) size 769x0 |
| 28 RenderBlock {SPAN} at (0,258) size 769x20 | 28 RenderBlock {SPAN} at (0,258) size 769x20 |
| 29 RenderText {#text} at (0,0) size 242x19 | 29 RenderText {#text} at (0,0) size 242x19 |
| 30 text run at (0,0) width 242: "This text should be 10px under the float
." | 30 text run at (0,0) width 242: "This text should be 10px under the float
." |
| 31 RenderBlock {HR} at (0,286) size 769x2 [border: (1px inset #000000)] | 31 RenderBlock {HR} at (0,286) size 769x2 [border: (1px inset #EEEEEE)] |
| 32 RenderBlock {SPAN} at (0,296) size 769x20 | 32 RenderBlock {SPAN} at (0,296) size 769x20 |
| 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 79x59 | 34 RenderText {#text} at (0,0) size 79x59 |
| 35 text run at (0,0) width 79: "This is a float" | 35 text run at (0,0) width 79: "This is a float" |
| 36 text run at (0,20) width 78: "that is 100px" | 36 text run at (0,20) width 78: "that is 100px" |
| 37 text run at (0,40) width 28: "high." | 37 text run at (0,40) width 28: "high." |
| 38 RenderText {#text} at (100,0) size 271x19 | 38 RenderText {#text} at (100,0) size 271x19 |
| 39 text run at (100,0) width 271: "This paragraph has a bottom margin of
50px." | 39 text run at (100,0) width 271: "This paragraph has a bottom margin of
50px." |
| 40 RenderBlock {SPAN} at (0,366) size 769x0 | 40 RenderBlock {SPAN} at (0,366) size 769x0 |
| 41 RenderBlock {SPAN} at (0,366) size 769x20 | 41 RenderBlock {SPAN} at (0,366) size 769x20 |
| 42 RenderText {#text} at (100,0) size 253x19 | 42 RenderText {#text} at (100,0) size 253x19 |
| 43 text run at (100,0) width 253: "This text should be to the right of th
e float." | 43 text run at (100,0) width 253: "This text should be to the right of th
e float." |
| 44 RenderBlock {HR} at (100,394) size 669x2 [border: (1px inset #000000)] | 44 RenderBlock {HR} at (100,394) size 669x2 [border: (1px inset #EEEEEE)] |
| 45 RenderBlock {SPAN} at (0,404) size 769x20 | 45 RenderBlock {SPAN} at (0,404) size 769x20 |
| 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 79x59 | 47 RenderText {#text} at (0,0) size 79x59 |
| 48 text run at (0,0) width 79: "This is a float" | 48 text run at (0,0) width 79: "This is a float" |
| 49 text run at (0,20) width 78: "that is 100px" | 49 text run at (0,20) width 78: "that is 100px" |
| 50 text run at (0,40) width 28: "high." | 50 text run at (0,40) width 28: "high." |
| 51 RenderText {#text} at (100,0) size 271x19 | 51 RenderText {#text} at (100,0) size 271x19 |
| 52 text run at (100,0) width 271: "This paragraph has a bottom margin of
50px." | 52 text run at (100,0) width 271: "This paragraph has a bottom margin of
50px." |
| 53 RenderBlock {SPAN} at (0,479) size 769x0 | 53 RenderBlock {SPAN} at (0,479) size 769x0 |
| 54 RenderBlock {SPAN} at (0,509) size 769x20 | 54 RenderBlock {SPAN} at (0,509) size 769x20 |
| 55 RenderText {#text} at (0,0) size 282x19 | 55 RenderText {#text} at (0,0) size 282x19 |
| 56 text run at (0,0) width 282: "This text should be immediately under th
e float." | 56 text run at (0,0) width 282: "This text should be immediately under th
e float." |
| 57 RenderBlock {HR} at (0,537) size 769x2 [border: (1px inset #000000)] | 57 RenderBlock {HR} at (0,537) size 769x2 [border: (1px inset #EEEEEE)] |
| 58 RenderBlock {SPAN} at (0,547) size 769x20 | 58 RenderBlock {SPAN} at (0,547) size 769x20 |
| 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 79x59 | 60 RenderText {#text} at (0,0) size 79x59 |
| 61 text run at (0,0) width 79: "This is a float" | 61 text run at (0,0) width 79: "This is a float" |
| 62 text run at (0,20) width 78: "that is 100px" | 62 text run at (0,20) width 78: "that is 100px" |
| 63 text run at (0,40) width 28: "high." | 63 text run at (0,40) width 28: "high." |
| 64 RenderText {#text} at (100,0) size 271x19 | 64 RenderText {#text} at (100,0) size 271x19 |
| 65 text run at (100,0) width 271: "This paragraph has a bottom margin of
50px." | 65 text run at (100,0) width 271: "This paragraph has a bottom margin of
50px." |
| 66 RenderBlock {SPAN} at (0,617) size 769x0 | 66 RenderBlock {SPAN} at (0,617) size 769x0 |
| 67 RenderBlock {SPAN} at (0,657) size 769x20 | 67 RenderBlock {SPAN} at (0,657) size 769x20 |
| 68 RenderText {#text} at (0,0) size 242x19 | 68 RenderText {#text} at (0,0) size 242x19 |
| 69 text run at (0,0) width 242: "This text should be 10px under the float
." | 69 text run at (0,0) width 242: "This text should be 10px under the float
." |
| 70 RenderBlock {HR} at (0,685) size 769x2 [border: (1px inset #000000)] | 70 RenderBlock {HR} at (0,685) size 769x2 [border: (1px inset #EEEEEE)] |
| 71 RenderBlock {SPAN} at (0,695) size 769x20 | 71 RenderBlock {SPAN} at (0,695) size 769x20 |
| 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 79x59 | 73 RenderText {#text} at (0,0) size 79x59 |
| 74 text run at (0,0) width 79: "This is a float" | 74 text run at (0,0) width 79: "This is a float" |
| 75 text run at (0,20) width 78: "that is 100px" | 75 text run at (0,20) width 78: "that is 100px" |
| 76 text run at (0,40) width 28: "high." | 76 text run at (0,40) width 28: "high." |
| 77 RenderText {#text} at (100,0) size 271x19 | 77 RenderText {#text} at (100,0) size 271x19 |
| 78 text run at (100,0) width 271: "This paragraph has a bottom margin of
50px." | 78 text run at (100,0) width 271: "This paragraph has a bottom margin of
50px." |
| 79 RenderBlock {SPAN} at (0,795) size 769x0 | 79 RenderBlock {SPAN} at (0,795) size 769x0 |
| 80 RenderBlock {SPAN} at (0,825) size 769x20 | 80 RenderBlock {SPAN} at (0,825) size 769x20 |
| 81 RenderText {#text} at (0,0) size 242x19 | 81 RenderText {#text} at (0,0) size 242x19 |
| 82 text run at (0,0) width 242: "This text should be 20px under the float
." | 82 text run at (0,0) width 242: "This text should be 20px under the float
." |
| 83 RenderBlock {HR} at (0,853) size 769x2 [border: (1px inset #000000)] | 83 RenderBlock {HR} at (0,853) size 769x2 [border: (1px inset #EEEEEE)] |
| 84 RenderBlock {SPAN} at (0,863) size 769x125 [border: (10px dotted #000000)] | 84 RenderBlock {SPAN} at (0,863) size 769x125 [border: (10px dotted #000000)] |
| 85 RenderBlock {SPAN} at (10,10) size 749x20 | 85 RenderBlock {SPAN} at (10,10) size 749x20 |
| 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 79x59 | 87 RenderText {#text} at (0,0) size 79x59 |
| 88 text run at (0,0) width 79: "This is a float" | 88 text run at (0,0) width 79: "This is a float" |
| 89 text run at (0,20) width 78: "that is 100px" | 89 text run at (0,20) width 78: "that is 100px" |
| 90 text run at (0,40) width 28: "high." | 90 text run at (0,40) width 28: "high." |
| 91 RenderText {#text} at (100,0) size 271x19 | 91 RenderText {#text} at (100,0) size 271x19 |
| 92 text run at (100,0) width 271: "This paragraph has a bottom margin o
f 50px." | 92 text run at (100,0) width 271: "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,996) size 769x2 [border: (1px inset #000000)] | 94 RenderBlock {HR} at (0,996) size 769x2 [border: (1px inset #EEEEEE)] |
| 95 RenderBlock {SPAN} at (0,1006) size 769x120 [border: (10px dotted #000000)
] | 95 RenderBlock {SPAN} at (0,1006) size 769x120 [border: (10px dotted #000000)
] |
| 96 RenderBlock {SPAN} at (10,10) size 749x20 | 96 RenderBlock {SPAN} at (10,10) size 749x20 |
| 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 79x59 | 98 RenderText {#text} at (0,0) size 79x59 |
| 99 text run at (0,0) width 79: "This is a float" | 99 text run at (0,0) width 79: "This is a float" |
| 100 text run at (0,20) width 78: "that is 100px" | 100 text run at (0,20) width 78: "that is 100px" |
| 101 text run at (0,40) width 28: "high." | 101 text run at (0,40) width 28: "high." |
| 102 RenderText {#text} at (100,0) size 271x19 | 102 RenderText {#text} at (100,0) size 271x19 |
| 103 text run at (100,0) width 271: "This paragraph has a bottom margin o
f 50px." | 103 text run at (100,0) width 271: "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 |