1 | 1 | layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 720
|
---|
2 | 2 | LayoutView at (0,0) size 800x600
|
---|
3 | 3 | layer at (0,0) size 785x720 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
|
---|
4 | | LayoutBlockFlow {HTML} at (0,0) size 785x720.16
|
---|
5 | | LayoutBlockFlow {BODY} at (8,16) size 769x696.16
|
---|
6 | | LayoutBlockFlow {P} at (0,0) size 769x40
|
---|
| 4 | LayoutNGBlockFlow {HTML} at (0,0) size 785x720.16
|
---|
| 5 | LayoutNGBlockFlow {BODY} at (8,16) size 769x696.16
|
---|
| 6 | LayoutNGBlockFlow {P} at (0,0) size 769x40
|
---|
7 | 7 | LayoutText {#text} at (0,0) size 749x39
|
---|
8 | | text run at (0,0) width 749: "There should be a SPAN in the middle of all four paragraphs that has padding, a green border, and a margin on the left,"
|
---|
9 | | text run at (0,20) width 363: "and padding, an orange border, and a margin on the right."
|
---|
10 | | LayoutBlockFlow {H1} at (0,56) size 769x20
|
---|
| 8 | LayoutNGBlockFlow {H1} at (0,56) size 769x20
|
---|
11 | 9 | LayoutText {#text} at (0,0) size 89x19
|
---|
12 | | text run at (0,0) width 89: "Left-to-Right"
|
---|
13 | | LayoutBlockFlow {DIV} at (0,86.72) size 769x284 [border: (1px solid #000000)]
|
---|
14 | | LayoutBlockFlow {P} at (6,22) size 757x32
|
---|
15 | | LayoutText {#text} at (0,6) size 125x19
|
---|
16 | | text run at (0,6) width 125: "Lorem ipsum dolor "
|
---|
17 | | LayoutText {#text} at (346,6) size 332x19
|
---|
18 | | text run at (346,6) width 332: "adipisicing elit, sed do eiusmod tempor incididunt ut."
|
---|
19 | | LayoutBlockFlow {P} at (6,70) size 757x192
|
---|
20 | | LayoutText {#text} at (0,6) size 732x51
|
---|
21 | | text run at (0,6) width 588: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut "
|
---|
22 | | text run at (588,6) width 144: "labore et dolore magna"
|
---|
23 | | text run at (0,38) width 430: "aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco "
|
---|
24 | | LayoutText {#text} at (658,102) size 715x83
|
---|
25 | | text run at (658,102) width 53: "sit amet,"
|
---|
26 | | text run at (0,134) width 509: "consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore "
|
---|
27 | | text run at (509,134) width 206: "magna aliqua. Ut enim ad minim"
|
---|
28 | | text run at (0,166) width 401: "veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip."
|
---|
29 | | LayoutBlockFlow {H1} at (0,381.44) size 769x20
|
---|
| 10 | LayoutNGBlockFlow {DIV} at (0,86.72) size 769x284 [border: (1px solid #000000)]
|
---|
| 11 | LayoutNGBlockFlow {P} at (6,22) size 757x32
|
---|
| 12 | LayoutText {#text} at (0,0) size 125x19
|
---|
| 13 | LayoutText {#text} at (0,0) size 332x19
|
---|
| 14 | LayoutNGBlockFlow {P} at (6,70) size 757x192
|
---|
| 15 | LayoutText {#text} at (0,0) size 732x51
|
---|
| 16 | LayoutText {#text} at (0,0) size 715x83
|
---|
| 17 | LayoutNGBlockFlow {H1} at (0,381.44) size 769x20
|
---|
30 | 18 | LayoutText {#text} at (0,0) size 89x19
|
---|
31 | | text run at (0,0) width 89: "Right-to-Left"
|
---|
32 | | LayoutBlockFlow {DIV} at (0,412.16) size 769x284 [border: (1px solid #000000)]
|
---|
33 | | LayoutBlockFlow {P} at (6,22) size 757x32
|
---|
34 | | LayoutText {#text} at (632,6) size 125x19
|
---|
35 | | text run at (632,6) width 125 RTL override: "Lorem ipsum dolor "
|
---|
36 | | LayoutText {#text} at (79,6) size 332x19
|
---|
37 | | text run at (79,6) width 332 RTL override: "adipisicing elit, sed do eiusmod tempor incididunt ut."
|
---|
38 | | LayoutBlockFlow {P} at (6,70) size 757x192
|
---|
39 | | LayoutText {#text} at (25,6) size 732x51
|
---|
40 | | text run at (25,6) width 144 RTL override: "labore et dolore magna"
|
---|
41 | | text run at (169,6) width 588 RTL override: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut "
|
---|
42 | | text run at (327,38) width 430 RTL override: "aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco "
|
---|
43 | | LayoutText {#text} at (46,102) size 715x83
|
---|
44 | | text run at (46,102) width 53 RTL override: "sit amet,"
|
---|
45 | | text run at (42,134) width 206 RTL override: "magna aliqua. Ut enim ad minim"
|
---|
46 | | text run at (248,134) width 509 RTL override: "consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore "
|
---|
47 | | text run at (356,166) width 401 RTL override: "veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip."
|
---|
| 19 | LayoutNGBlockFlow {DIV} at (0,412.16) size 769x284 [border: (1px solid #000000)]
|
---|
| 20 | LayoutNGBlockFlow {P} at (6,22) size 757x32
|
---|
| 21 | LayoutText {#text} at (0,0) size 125x19
|
---|
| 22 | LayoutText {#text} at (0,0) size 332x19
|
---|
| 23 | LayoutNGBlockFlow {P} at (6,70) size 757x192
|
---|
| 24 | LayoutText {#text} at (0,0) size 732x51
|
---|
| 25 | LayoutText {#text} at (0,0) size 715x83
|
---|
48 | 26 | layer at (14,125) size 186x21
|
---|
49 | 27 | LayoutInline (relative positioned) {SPAN} at (0,0) size 186x21 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
|
---|
50 | | LayoutText {#text} at (170,6) size 131x19
|
---|
51 | | text run at (170,6) width 131: "sit amet, consectetur "
|
---|
52 | | layer at (14,173) size 748x85
|
---|
53 | | LayoutInline (relative positioned) {SPAN} at (0,0) size 748x85 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
|
---|
54 | | LayoutText {#text} at (475,38) size 748x83
|
---|
55 | | text run at (475,38) width 235: "laboris nisi ut aliquip ex ea commodo"
|
---|
56 | | text run at (0,70) width 324: "consequat. Duis aute irure dolor in reprehenderit in "
|
---|
57 | | text run at (324,70) width 424: "voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur"
|
---|
58 | | text run at (0,102) width 145: "sint occaecat cupidatat "
|
---|
59 | | text run at (145,102) width 469: "non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. "
|
---|
| 28 | LayoutText {#text} at (0,0) size 131x19
|
---|
| 29 | layer at (14,173) size 1165x85 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
|
---|
| 30 | LayoutInline (relative positioned) {SPAN} at (0,0) size 1165x85 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
|
---|
| 31 | LayoutText {#text} at (0,0) size 748x83
|
---|
60 | 32 | layer at (14,450) size 186x21
|
---|
61 | 33 | LayoutInline (relative positioned) {SPAN} at (0,0) size 186x21 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
|
---|
62 | | LayoutText {#text} at (456,6) size 131x19
|
---|
63 | | text run at (456,6) width 131 RTL override: "sit amet, consectetur "
|
---|
64 | | layer at (14,498) size 748x85
|
---|
65 | | LayoutInline (relative positioned) {SPAN} at (0,0) size 748x85 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
|
---|
66 | | LayoutText {#text} at (47,38) size 748x83
|
---|
67 | | text run at (47,38) width 235 RTL override: "laboris nisi ut aliquip ex ea commodo"
|
---|
68 | | text run at (9,70) width 424 RTL override: "voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur"
|
---|
69 | | text run at (433,70) width 324 RTL override: "consequat. Duis aute irure dolor in reprehenderit in "
|
---|
70 | | text run at (143,102) width 469 RTL override: "non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. "
|
---|
71 | | text run at (612,102) width 145 RTL override: "sint occaecat cupidatat "
|
---|
| 34 | LayoutText {#text} at (0,0) size 131x19
|
---|
| 35 | layer at (14,498) size 993x85 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
|
---|
| 36 | LayoutInline (relative positioned) {SPAN} at (0,0) size 993x85 [border: (1px solid #0000FF) (10px solid #FFA500) (1px solid #0000FF) (10px solid #008000)]
|
---|
| 37 | LayoutText {#text} at (0,0) size 748x83
|
---|