| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x303 | 3 layer at (0,0) size 800x278 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x303 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x278 |
| 5 LayoutBlockFlow {BODY} at (8,16) size 784x36 | 5 LayoutBlockFlow {BODY} at (8,16) size 784x36 |
| 6 LayoutBlockFlow {P} at (0,0) size 784x36 [color=#000080] | 6 LayoutBlockFlow {P} at (0,0) size 784x36 [color=#000080] |
| 7 LayoutText {#text} at (0,0) size 764x35 | 7 LayoutText {#text} at (0,0) size 764x35 |
| 8 text run at (0,0) width 395: "The blue boxes below should be in numeri
c order and form a " | 8 text run at (0,0) width 395: "The blue boxes below should be in numeri
c order and form a " |
| 9 text run at (394,0) width 370: "backwards \"D\". (Boxes labelled \"A\"
should be in the first" | 9 text run at (394,0) width 370: "backwards \"D\". (Boxes labelled \"A\"
should be in the first" |
| 10 text run at (0,18) width 57: "column; " | 10 text run at (0,18) width 57: "column; " |
| 11 text run at (56,18) width 409: "boxes labelled \"B\" should be in the
second; arrows indicate the " | 11 text run at (56,18) width 409: "boxes labelled \"B\" should be in the
second; arrows indicate the " |
| 12 text run at (464,18) width 123: "correct alignment.)" | 12 text run at (464,18) width 123: "correct alignment.)" |
| 13 LayoutBlockFlow {DIV} at (16,52) size 320x0 | 13 LayoutBlockFlow {DIV} at (16,52) size 320x0 |
| 14 LayoutBlockFlow (floating) {P} at (190,4) size 126x39 [color=#FFFFFF] [b
gcolor=#000080] [border: (3px solid #0000FF)] | 14 LayoutBlockFlow (floating) {P} at (190,4) size 126x34 [color=#FFFFFF] [b
gcolor=#000080] [border: (3px solid #0000FF)] |
| 15 LayoutText {#text} at (77,11) size 42x17 | 15 LayoutText {#text} at (78,7) size 41x17 |
| 16 text run at (77,11) width 42: "B 2 \x{21E8}" | 16 text run at (78,7) width 41: "B 2 \x{21E8}" |
| 17 LayoutBlockFlow (floating) {P} at (56,4) size 126x39 [color=#FFFFFF] [bg
color=#000080] [border: (3px solid #0000FF)] | 17 LayoutBlockFlow (floating) {P} at (56,4) size 126x34 [color=#FFFFFF] [bg
color=#000080] [border: (3px solid #0000FF)] |
| 18 LayoutText {#text} at (76,11) size 43x17 | 18 LayoutText {#text} at (77,7) size 42x17 |
| 19 text run at (76,11) width 43: "A 1 \x{21E8}" | 19 text run at (77,7) width 42: "A 1 \x{21E8}" |
| 20 LayoutBlockFlow (floating) {P} at (190,51) size 126x39 [color=#FFFFFF] [
bgcolor=#000080] [border: (3px solid #0000FF)] | 20 LayoutBlockFlow (floating) {P} at (190,46) size 126x34 [color=#FFFFFF] [
bgcolor=#000080] [border: (3px solid #0000FF)] |
| 21 LayoutText {#text} at (77,11) size 42x17 | 21 LayoutText {#text} at (78,7) size 41x17 |
| 22 text run at (77,11) width 42: "B 4 \x{21E8}" | 22 text run at (78,7) width 41: "B 4 \x{21E8}" |
| 23 LayoutBlockFlow (floating) {P} at (4,51) size 126x39 [color=#FFFFFF] [bg
color=#000080] [border: (3px solid #0000FF)] | 23 LayoutBlockFlow (floating) {P} at (4,46) size 126x34 [color=#FFFFFF] [bg
color=#000080] [border: (3px solid #0000FF)] |
| 24 LayoutText {#text} at (7,11) size 43x17 | 24 LayoutText {#text} at (7,7) size 42x17 |
| 25 text run at (7,11) width 43: "\x{21E6} A 3" | 25 text run at (7,7) width 42: "\x{21E6} A 3" |
| 26 LayoutBlockFlow (floating) {P} at (190,98) size 126x39 [color=#FFFFFF] [
bgcolor=#000080] [border: (3px solid #0000FF)] | 26 LayoutBlockFlow (floating) {P} at (190,88) size 126x34 [color=#FFFFFF] [
bgcolor=#000080] [border: (3px solid #0000FF)] |
| 27 LayoutText {#text} at (77,11) size 42x17 | 27 LayoutText {#text} at (78,7) size 41x17 |
| 28 text run at (77,11) width 42: "B 6 \x{21E8}" | 28 text run at (78,7) width 41: "B 6 \x{21E8}" |
| 29 LayoutBlockFlow (floating) {P} at (4,98) size 126x39 [color=#FFFFFF] [bg
color=#000080] [border: (3px solid #0000FF)] | 29 LayoutBlockFlow (floating) {P} at (4,88) size 126x34 [color=#FFFFFF] [bg
color=#000080] [border: (3px solid #0000FF)] |
| 30 LayoutText {#text} at (7,11) size 43x17 | 30 LayoutText {#text} at (7,7) size 42x17 |
| 31 text run at (7,11) width 43: "\x{21E6} A 5" | 31 text run at (7,7) width 42: "\x{21E6} A 5" |
| 32 LayoutBlockFlow (floating) {P} at (4,145) size 126x39 [color=#FFFFFF] [b
gcolor=#000080] [border: (3px solid #0000FF)] | 32 LayoutBlockFlow (floating) {P} at (4,130) size 126x34 [color=#FFFFFF] [b
gcolor=#000080] [border: (3px solid #0000FF)] |
| 33 LayoutText {#text} at (7,11) size 43x17 | 33 LayoutText {#text} at (7,7) size 42x17 |
| 34 text run at (7,11) width 43: "\x{21E6} A 7" | 34 text run at (7,7) width 42: "\x{21E6} A 7" |
| 35 LayoutBlockFlow (floating) {P} at (190,145) size 126x39 [color=#FFFFFF]
[bgcolor=#000080] [border: (3px solid #0000FF)] | 35 LayoutBlockFlow (floating) {P} at (190,130) size 126x34 [color=#FFFFFF]
[bgcolor=#000080] [border: (3px solid #0000FF)] |
| 36 LayoutText {#text} at (77,11) size 42x17 | 36 LayoutText {#text} at (78,7) size 41x17 |
| 37 text run at (77,11) width 42: "B 8 \x{21E8}" | 37 text run at (78,7) width 41: "B 8 \x{21E8}" |
| 38 LayoutBlockFlow (floating) {P} at (190,192) size 126x39 [color=#FFFFFF]
[bgcolor=#000080] [border: (3px solid #0000FF)] | 38 LayoutBlockFlow (floating) {P} at (190,172) size 126x34 [color=#FFFFFF]
[bgcolor=#000080] [border: (3px solid #0000FF)] |
| 39 LayoutText {#text} at (69,11) size 50x17 | 39 LayoutText {#text} at (70,7) size 49x17 |
| 40 text run at (69,11) width 50: "B 10 \x{21E8}" | 40 text run at (70,7) width 49: "B 10 \x{21E8}" |
| 41 LayoutBlockFlow (floating) {P} at (56,192) size 126x39 [color=#FFFFFF] [
bgcolor=#000080] [border: (3px solid #0000FF)] | 41 LayoutBlockFlow (floating) {P} at (56,172) size 126x34 [color=#FFFFFF] [
bgcolor=#000080] [border: (3px solid #0000FF)] |
| 42 LayoutText {#text} at (76,11) size 43x17 | 42 LayoutText {#text} at (77,7) size 42x17 |
| 43 text run at (76,11) width 43: "A 9 \x{21E8}" | 43 text run at (77,7) width 42: "A 9 \x{21E8}" |
| OLD | NEW |