OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 | |
2 LayoutView at (0,0) size 800x600 | |
3 layer at (0,0) size 800x600 | |
4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | |
5 LayoutBlockFlow {BODY} at (8,8) size 784x584 | |
6 LayoutBlockFlow {P} at (0,0) size 784x20 | |
7 LayoutText {#text} at (0,0) size 297x19 | |
8 text run at (0,0) width 297: "The black outline box should stretch fro
m the left " | |
9 LayoutInline {SPAN} at (0,0) size 25x19 [color=#0000FF] | |
10 LayoutText {#text} at (297,0) size 25x19 | |
11 text run at (297,0) width 25: "blue" | |
12 LayoutText {#text} at (322,0) size 121x19 | |
13 text run at (322,0) width 121: " border, to the right " | |
14 LayoutInline {SPAN} at (0,0) size 42x19 [color=#FFA500] | |
15 LayoutText {#text} at (442,0) size 42x19 | |
16 text run at (442,0) width 42: "orange" | |
17 LayoutText {#text} at (483,0) size 49x19 | |
18 text run at (483,0) width 49: " border." | |
19 LayoutBlockFlow {DIV} at (0,36) size 600x20 | |
20 LayoutText {#text} at (0,0) size 178x19 | |
21 text run at (0,0) width 178: "ILorem ipsum dolor sit amet, " | |
22 LayoutText {#text} at (405,0) size 166x19 | |
23 text run at (405,0) width 166: "irure dolor in reprehenderit." | |
24 layer at (8,44) size 208x21 | |
25 LayoutInline (relative positioned) {SPAN} at (0,0) size 208x21 [bgcolor=#00800
0] [border: (1px solid #808080) (20px solid #FFA500) (1px solid #808080) (20px s
olid #0000FF)] | |
26 LayoutText {#text} at (218,0) size 91x19 | |
27 text run at (218,0) width 91: "con a pariatur. " | |
28 LayoutText {#text} at (308,0) size 58x19 | |
29 text run at (308,0) width 58: "duis aute " | |
30 layer at (216,44) size 167x19 | |
31 LayoutBlockFlow (positioned) {DIV} at (20,1) size 167.11x19 | |
OLD | NEW |