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