| 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 99x173 | |
| 9 text run at (20,0) width 169: "Lorem ipsum dolor sit amet," | |
| 10 text run at (40,0) width 73: "consectetur " | |
| 11 text run at (40,73) width 84: "adipiscing elit." | |
| 12 text run at (60,0) width 173: "Curabitur neque elit, pulvinar" | |
| 13 text run at (80,0) width 97: "eget lobortis at, " | |
| 14 text run at (80,97) width 66: "convallis ut" | |
| 15 text run at (100,0) width 42: "lectus. " | |
| 16 RenderText {#text} at (100,94) size 149x186 | |
| 17 text run at (100,94) width 58: " vulputate" | |
| 18 text run at (120,0) width 137: "tincidunt leo, eu varius " | |
| 19 text run at (120,137) width 28: "nunc" | |
| 20 text run at (140,0) width 167: "ullamcorper vel. Integer nec" | |
| 21 text run at (170,0) width 185: "dolor sed ante pharetra lacinia." | |
| 22 text run at (190,0) width 186: "Integer dignissim iaculis nulla et" | |
| 23 text run at (210,0) width 148: "rutrum. Praesent pretium" | |
| 24 text run at (230,0) width 54: "euismod " | |
| 25 text run at (230,54) width 99: "est eget laoreet. " | |
| 26 RenderText {#text} at (250,0) size 239x195 | |
| 27 text run at (250,0) width 195: "suscipit suscipit elementum. Duis" | |
| 28 text run at (270,0) width 73: "consectetur " | |
| 29 text run at (270,73) width 114: "pulvinar tempor. In" | |
| 30 text run at (290,0) width 159: "mi sapien, malesuada vitae" | |
| 31 text run at (320,0) width 134: "posuere ut, adipiscing " | |
| 32 text run at (320,134) width 46: "id odio." | |
| 33 text run at (340,0) width 190: "Integer est mi, luctus sed cursus" | |
| 34 text run at (360,0) width 156: "in, cursus vitae urna. Nam" | |
| 35 text run at (380,0) width 172: "consectetur orci tempor nibh" | |
| 36 text run at (400,0) width 192: "iaculis eu dignissim odio laoreet." | |
| 37 text run at (420,0) width 50: "Aenean " | |
| 38 text run at (420,50) width 139: "congue fermentum nibh" | |
| 39 text run at (440,0) width 185: "sed malesuada. Curabitur enim" | |
| 40 text run at (470,0) width 94: "leo, porttitor ut " | |
| 41 text run at (470,94) width 71: "interdum et," | |
| 42 RenderText {#text} at (490,47) size 19x57 | |
| 43 text run at (490,47) width 57: " ut lorem." | |
| 44 layer at (360,20) size 19x52 | |
| 45 RenderInline (relative positioned) {SPAN} at (0,0) size 19x52 [bgcolor=#FFFF00
] | |
| 46 RenderText {#text} at (100,42) size 19x52 | |
| 47 text run at (100,42) width 52: "Vivamus" | |
| 48 layer at (360,20) size 19x42 | |
| 49 RenderInline (relative positioned) {SPAN} at (0,0) size 19x42 [bgcolor=#FFFF00
] | |
| 50 RenderText {#text} at (230,153) size 19x42 | |
| 51 text run at (230,153) width 42: "Integer" | |
| 52 layer at (360,20) size 19x47 | |
| 53 RenderInline (relative positioned) {SPAN} at (0,0) size 19x47 [bgcolor=#FFFF00
] | |
| 54 RenderText {#text} at (490,0) size 19x47 | |
| 55 text run at (490,0) width 47: "pulvinar" | |
| OLD | NEW |