| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x348 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x348 | |
| 5 LayoutBlockFlow {BODY} at (8,16) size 784x316 [color=#0000FF] | |
| 6 LayoutBlockFlow {P} at (0,0) size 784x20 | |
| 7 LayoutText {#text} at (0,0) size 708x19 | |
| 8 text run at (0,0) width 344: "There should be a solid line to the righ
t of the text below, " | |
| 9 text run at (343,0) width 365: "having three segments each of a differ
ent colour as indicated." | |
| 10 LayoutBlockFlow {UL} at (0,36) size 588x280 | |
| 11 LayoutListItem {LI} at (40,0) size 548x80 [border: none (3px solid #FFA5
00) none] | |
| 12 LayoutBlockFlow (anonymous) at (0,0) size 545x20 | |
| 13 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet | |
| 14 LayoutText {#text} at (0,0) size 102x19 | |
| 15 text run at (0,0) width 102: "Orange orange..." | |
| 16 LayoutBlockFlow {UL} at (0,20) size 408.75x60 | |
| 17 LayoutListItem {LI} at (40,0) size 368.75x20 | |
| 18 LayoutListMarker (anonymous) at (-18,0) size 7x19: white bullet | |
| 19 LayoutText {#text} at (0,0) size 110x19 | |
| 20 text run at (0,0) width 110: "...orange orange..." | |
| 21 LayoutListItem {LI} at (40,20) size 368.75x20 | |
| 22 LayoutListMarker (anonymous) at (-18,0) size 7x19: white bullet | |
| 23 LayoutText {#text} at (0,0) size 110x19 | |
| 24 text run at (0,0) width 110: "...orange orange..." | |
| 25 LayoutListItem {LI} at (40,40) size 368.75x20 | |
| 26 LayoutListMarker (anonymous) at (-18,0) size 7x19: white bullet | |
| 27 LayoutText {#text} at (0,0) size 102x19 | |
| 28 text run at (0,0) width 102: "...orange orange." | |
| 29 LayoutListItem {LI} at (40,80) size 548x20 [border: none (3px solid #00F
F00) none] | |
| 30 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet | |
| 31 LayoutText {#text} at (0,0) size 34x19 | |
| 32 text run at (0,0) width 34: "Lime." | |
| 33 LayoutListItem {LI} at (40,100) size 548x180 [border: none (3px solid #F
FFF00) none] | |
| 34 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet | |
| 35 LayoutText {#text} at (0,0) size 515x179 | |
| 36 text run at (0,0) width 304: "Yellow yellow yellow yellow yellow yel
low yellow " | |
| 37 text run at (303,0) width 212: "yellow yellow yellow yellow yellow" | |
| 38 text run at (0,20) width 172: "yellow yellow yellow yellow " | |
| 39 text run at (172,20) width 340: "yellow yellow yellow yellow yellow
yellow yellow yellow" | |
| 40 text run at (0,40) width 43: "yellow " | |
| 41 text run at (43,40) width 387: "yellow yellow yellow yellow yellow y
ellow yellow yellow yellow " | |
| 42 text run at (430,40) width 82: "yellow yellow" | |
| 43 text run at (0,60) width 301: "yellow yellow yellow yellow yellow ye
llow yellow " | |
| 44 text run at (301,60) width 211: "yellow yellow yellow yellow yellow" | |
| 45 text run at (0,80) width 172: "yellow yellow yellow yellow " | |
| 46 text run at (172,80) width 340: "yellow yellow yellow yellow yellow
yellow yellow yellow" | |
| 47 text run at (0,100) width 43: "yellow " | |
| 48 text run at (43,100) width 387: "yellow yellow yellow yellow yellow
yellow yellow yellow yellow " | |
| 49 text run at (430,100) width 82: "yellow yellow" | |
| 50 text run at (0,120) width 301: "yellow yellow yellow yellow yellow y
ellow yellow " | |
| 51 text run at (301,120) width 211: "yellow yellow yellow yellow yellow
" | |
| 52 text run at (0,140) width 172: "yellow yellow yellow yellow " | |
| 53 text run at (172,140) width 340: "yellow yellow yellow yellow yellow
yellow yellow yellow" | |
| 54 text run at (0,160) width 43: "yellow " | |
| 55 text run at (43,160) width 343: "yellow yellow yellow yellow yellow
yellow yellow yellow." | |
| OLD | NEW |