1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x600
LayoutBlockFlow {HTML} at (0,0) size 800x600
LayoutBlockFlow {BODY} at (8,8) size 784x576
LayoutBlockFlow {P} at (0,0) size 784x54
LayoutText {#text} at (0,0) size 783x53
text run at (0,0) width 512: "On the left, you should see three blocks that are aligned left within a black box. "
text run at (511,0) width 85: "They should "
text run at (595,0) width 188: "be stacked vertically with the"
text run at (0,18) width 251: "green box in between two olive boxes. "
text run at (250,18) width 197: "The olive boxes and the green "
text run at (446,18) width 312: "box should be 100x100, and there should be 100"
text run at (0,36) width 329: "pixels of padding on the right side of the box stack."
LayoutBlockFlow {P} at (0,70) size 784x54
LayoutText {#text} at (0,0) size 766x53
text run at (0,0) width 495: "On the right, you should see two blocks that are centered within a black box. "
text run at (494,0) width 104: "They should be "
text run at (597,0) width 169: "stacked vertically with the"
text run at (0,18) width 460: "green box below the olive box. The olive box and the green box should "
text run at (459,18) width 297: "be 100x100, and there should be 100 pixels of"
text run at (0,36) width 252: "padding on either side of the box stack."
layer at (8,148) size 240x340
LayoutBlockFlow (positioned) {DIV} at (8,148) size 240x340 [border: (20px solid #000000)]
LayoutTable {TABLE} at (20,20) size 100x100
LayoutTableSection {TBODY} at (0,0) size 100x100
LayoutTableRow {TR} at (0,0) size 100x100
LayoutTableCell {TD} at (0,0) size 100x100 [r=0 c=0 rs=1 cs=1]
LayoutBlockFlow {DIV} at (0,0) size 100x100 [bgcolor=#808000]
layer at (28,268) size 100x100
LayoutBlockFlow (positioned) {DIV} at (20,120) size 100x100 [bgcolor=#008000]
layer at (28,368) size 100x100
LayoutBlockFlow (positioned) {DIV} at (20,220) size 100x100 [bgcolor=#808000]
layer at (300,148) size 340x240
LayoutBlockFlow (positioned) {DIV} at (300,148) size 340x240 [border: (20px solid #000000)]
layer at (320,168) size 200x100
LayoutBlockFlow (relative positioned) {DIV} at (20,20) size 200x100
LayoutBlockFlow {DIV} at (100,0) size 100x100 [bgcolor=#808000]
layer at (420,268) size 100x100
LayoutBlockFlow (positioned) {DIV} at (100,100) size 100x100 [bgcolor=#008000]
|
