| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x600 | |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | |
| 5 RenderBody {BODY} at (0,20) size 800x580 | |
| 6 layer at (360,20) size 170x200 | |
| 7 RenderBlock {DIV} at (360,0) size 170x200 [border: none (20px solid #C0C0C0) n
one] | |
| 8 RenderText {#text} at (20,0) size 90x185 | |
| 9 text run at (20,0) width 177: "Lorem ipsum dolor sit amet," | |
| 10 text run at (38,0) width 75: "consectetur " | |
| 11 text run at (38,75) width 91: "adipiscing elit." | |
| 12 text run at (56,0) width 185: "Curabitur neque elit, pulvinar" | |
| 13 text run at (74,0) width 100: "eget lobortis at, " | |
| 14 text run at (74,100) width 72: "convallis ut" | |
| 15 text run at (92,0) width 44: "lectus. " | |
| 16 RenderText {#text} at (92,101) size 132x192 | |
| 17 text run at (92,101) width 62: " vulputate" | |
| 18 text run at (110,0) width 147: "tincidunt leo, eu varius " | |
| 19 text run at (110,147) width 31: "nunc" | |
| 20 text run at (128,0) width 176: "ullamcorper vel. Integer nec" | |
| 21 text run at (146,0) width 192: "dolor sed ante pharetra lacinia." | |
| 22 text run at (170,0) width 187: "Integer dignissim iaculis nulla" | |
| 23 text run at (188,0) width 170: "et rutrum. Praesent pretium" | |
| 24 text run at (206,0) width 57: "euismod " | |
| 25 text run at (206,57) width 97: "est eget laoreet." | |
| 26 RenderText {#text} at (224,44) size 222x196 | |
| 27 text run at (224,44) width 102: " suscipit suscipit" | |
| 28 text run at (242,0) width 182: "elementum. Duis consectetur" | |
| 29 text run at (260,0) width 189: "pulvinar tempor. In mi sapien," | |
| 30 text run at (278,0) width 173: "malesuada vitae posuere ut," | |
| 31 text run at (296,0) width 68: "adipiscing " | |
| 32 text run at (296,68) width 117: "id odio. Integer est" | |
| 33 text run at (320,0) width 194: "mi, luctus sed cursus in, cursus" | |
| 34 text run at (338,0) width 105: "vitae urna. Nam " | |
| 35 text run at (338,105) width 71: "consectetur" | |
| 36 text run at (356,0) width 167: "orci tempor nibh iaculis eu" | |
| 37 text run at (374,0) width 195: "dignissim odio laoreet. Aenean" | |
| 38 text run at (392,0) width 175: "congue fermentum nibh sed" | |
| 39 text run at (410,0) width 196: "malesuada. Curabitur enim leo," | |
| 40 text run at (428,0) width 70: "porttitor ut " | |
| 41 text run at (428,70) width 75: "interdum et," | |
| 42 RenderText {#text} at (446,52) size 18x60 | |
| 43 text run at (446,52) width 60: " ut lorem." | |
| 44 layer at (360,20) size 18x57 | |
| 45 RenderInline (relative positioned) {SPAN} at (0,0) size 18x57 [bgcolor=#FFFF00
] | |
| 46 RenderText {#text} at (92,44) size 18x57 | |
| 47 text run at (92,44) width 57: "Vivamus" | |
| 48 layer at (360,20) size 18x44 | |
| 49 RenderInline (relative positioned) {SPAN} at (0,0) size 18x44 [bgcolor=#FFFF00
] | |
| 50 RenderText {#text} at (224,0) size 18x44 | |
| 51 text run at (224,0) width 44: "Integer" | |
| 52 layer at (360,20) size 18x52 | |
| 53 RenderInline (relative positioned) {SPAN} at (0,0) size 18x52 [bgcolor=#FFFF00
] | |
| 54 RenderText {#text} at (446,0) size 18x52 | |
| 55 text run at (446,0) width 52: "pulvinar" | |
| OLD | NEW |