| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x312 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x312 | |
| 5 LayoutBlockFlow {BODY} at (8,16) size 784x286 | |
| 6 LayoutBlockFlow {P} at (0,0) size 784x20 | |
| 7 LayoutText {#text} at (0,0) size 327x19 | |
| 8 text run at (0,0) width 327: "There should be no red below, just two g
reen squares." | |
| 9 LayoutBlockFlow {DIV} at (10,36) size 120x120 [color=#008000] [bgcolor=#FF
0000] [border: (10px solid #008000)] | |
| 10 LayoutBlockFlow {P} at (20,10) size 90x10 | |
| 11 LayoutText {#text} at (0,0) size 10x10 | |
| 12 text run at (0,0) width 10: "X" | |
| 13 LayoutBlockFlow {DIV} at (20,20) size 90x10 | |
| 14 LayoutBlockFlow {P} at (10,0) size 80x10 | |
| 15 LayoutText {#text} at (0,0) size 10x10 | |
| 16 text run at (0,0) width 10: "X" | |
| 17 LayoutBlockFlow {P} at (10,30) size 50x10 | |
| 18 LayoutText {#text} at (0,0) size 10x10 | |
| 19 text run at (0,0) width 10: "X" | |
| 20 LayoutBlockFlow {P} at (35,40) size 50x10 | |
| 21 LayoutText {#text} at (0,0) size 10x10 | |
| 22 text run at (0,0) width 10: "X" | |
| 23 LayoutBlockFlow {P} at (60,50) size 50x10 | |
| 24 LayoutText {#text} at (0,0) size 10x10 | |
| 25 text run at (0,0) width 10: "X" | |
| 26 LayoutBlockFlow {P} at (10,60) size 100x10 | |
| 27 LayoutText {#text} at (0,0) size 10x10 | |
| 28 text run at (0,0) width 10: "X" | |
| 29 LayoutBlockFlow {P} at (10,70) size 100x10 | |
| 30 LayoutText {#text} at (0,0) size 10x10 | |
| 31 text run at (0,0) width 10: "X" | |
| 32 LayoutBlockFlow {P} at (10,80) size 100x10 | |
| 33 LayoutText {#text} at (0,0) size 10x10 | |
| 34 text run at (0,0) width 10: "X" | |
| 35 LayoutBlockFlow {P} at (10,90) size 50x10 | |
| 36 LayoutText {#text} at (0,0) size 10x10 | |
| 37 text run at (0,0) width 10: "X" | |
| 38 LayoutBlockFlow {P} at (10,100) size 100x10 | |
| 39 LayoutText {#text} at (0,0) size 10x10 | |
| 40 text run at (0,0) width 10: "X" | |
| 41 LayoutBlockFlow {DIV} at (10,166) size 120x120 [color=#008000] [bgcolor=#F
F0000] [border: (10px solid #008000)] | |
| 42 LayoutBlockFlow {P} at (20,10) size 90x10 [bgcolor=#008000] | |
| 43 LayoutText {#text} at (0,0) size 10x10 | |
| 44 text run at (0,0) width 10: "X" | |
| 45 LayoutBlockFlow {DIV} at (20,20) size 90x10 | |
| 46 LayoutBlockFlow {P} at (10,0) size 80x10 [bgcolor=#008000] | |
| 47 LayoutText {#text} at (0,0) size 10x10 | |
| 48 text run at (0,0) width 10: "X" | |
| 49 LayoutBlockFlow {P} at (10,30) size 50x10 [bgcolor=#008000] | |
| 50 LayoutText {#text} at (0,0) size 10x10 | |
| 51 text run at (0,0) width 10: "X" | |
| 52 LayoutBlockFlow {P} at (35,40) size 50x10 [bgcolor=#008000] | |
| 53 LayoutText {#text} at (0,0) size 10x10 | |
| 54 text run at (0,0) width 10: "X" | |
| 55 LayoutBlockFlow {P} at (60,50) size 50x10 [bgcolor=#008000] | |
| 56 LayoutText {#text} at (0,0) size 10x10 | |
| 57 text run at (0,0) width 10: "X" | |
| 58 LayoutBlockFlow {P} at (10,60) size 100x10 [bgcolor=#008000] | |
| 59 LayoutText {#text} at (0,0) size 10x10 | |
| 60 text run at (0,0) width 10: "X" | |
| 61 LayoutBlockFlow {P} at (10,70) size 100x10 [bgcolor=#008000] | |
| 62 LayoutText {#text} at (0,0) size 10x10 | |
| 63 text run at (0,0) width 10: "X" | |
| 64 LayoutBlockFlow {P} at (10,80) size 100x10 [bgcolor=#008000] | |
| 65 LayoutText {#text} at (0,0) size 10x10 | |
| 66 text run at (0,0) width 10: "X" | |
| 67 LayoutBlockFlow {P} at (10,90) size 50x10 [bgcolor=#008000] | |
| 68 LayoutText {#text} at (0,0) size 10x10 | |
| 69 text run at (0,0) width 10: "X" | |
| 70 LayoutBlockFlow {P} at (10,100) size 100x10 [bgcolor=#008000] | |
| 71 LayoutText {#text} at (0,0) size 10x10 | |
| 72 text run at (0,0) width 10: "X" | |
| OLD | NEW |