| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x280 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x280 | |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x256 | |
| 6 LayoutBlockFlow (anonymous) at (0,0) size 784x20 | |
| 7 LayoutText {#text} at (0,0) size 471x19 | |
| 8 text run at (0,0) width 248: "You should see a green rectangle below.
" | |
| 9 text run at (248,0) width 223: "If you see any red, the test has faile
d." | |
| 10 LayoutText {#text} at (0,0) size 0x0 | |
| 11 LayoutBlockFlow {P} at (0,164) size 784x16 [border: (1px solid #000000)] | |
| 12 LayoutText {#text} at (1,-3) size 259x19 | |
| 13 text run at (1,-3) width 259: "this block should hug the lowercase gly
phs." | |
| 14 LayoutBlockFlow {P} at (0,196) size 784x60 | |
| 15 LayoutBlockFlow (floating) {<pseudo:first-letter>} at (0,0) size 21x24 | |
| 16 LayoutTextFragment (anonymous) at (0,-8) size 21x41 | |
| 17 text run at (0,-8) width 21: "T" | |
| 18 LayoutTextFragment {#text} at (23,0) size 389x19 | |
| 19 text run at (23,0) width 389: "he first letter here should look nicer
because it uses glyph bounds" | |
| 20 LayoutBR {BR} at (412,0) size 0x19 | |
| 21 LayoutText {#text} at (23,20) size 485x19 | |
| 22 text run at (23,20) width 485: "This should make the top of the T line
up with the line and not look shifted down." | |
| 23 LayoutBR {BR} at (508,20) size 0x19 | |
| 24 LayoutText {#text} at (0,40) size 428x19 | |
| 25 text run at (0,40) width 428: "Maybe we should do this by default for
all first letters like Firefox does." | |
| 26 layer at (8,28) size 384x128 | |
| 27 LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000] | |
| 28 LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid
#008000) none] | |
| 29 LayoutText {#text} at (0,0) size 320x64 | |
| 30 text run at (0,0) width 320: "xxxxx" | |
| 31 LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000] | |
| 32 LayoutBR {BR} at (384,0) size 0x64 | |
| 33 LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000] | |
| 34 LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid
#008000) none] | |
| 35 LayoutText {#text} at (64,64) size 320x64 | |
| 36 text run at (64,64) width 320: "xxxxx" | |
| 37 LayoutText {#text} at (0,0) size 0x0 | |
| OLD | NEW |