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 784x18
7 LayoutText {#text} at (0,0) size 537x18
8 text run at (0,0) width 537: "The two divs below should be on the same line, since they are display: inline-block."
9 LayoutBlockFlow {CENTER} at (0,34) size 784x22
10 LayoutBlockFlow {DIV} at (88,0) size 304x22 [border: (2px solid #0000FF)]
11 LayoutText {#text} at (102,2) size 100x18
12 text run at (102,2) width 100: "This is div one."
13 LayoutBlockFlow {DIV} at (392,0) size 304x22 [border: (2px solid #0000FF)]
14 LayoutText {#text} at (102,2) size 100x18
15 text run at (102,2) width 100: "This is div two."
16 LayoutText {#text} at (0,0) size 0x0
17 LayoutBlockFlow {P} at (0,72) size 784x18
18 LayoutText {#text} at (0,0) size 659x18
19 text run at (0,0) width 659: "The two divs below should be on separate lines, since they are wrapped in elements with width: 100%."
20 LayoutBlockFlow (anonymous) at (0,106) size 784x52
21 LayoutBlockFlow {BLOCK} at (0,0) size 788x26 [border: (2px solid #008000)]
22 LayoutBlockFlow {DIV} at (2,2) size 304x22 [border: (2px solid #0000FF)]
23 LayoutText {#text} at (2,2) size 99x18
24 text run at (2,2) width 99: "This is div one."
25 LayoutText {#text} at (0,0) size 0x0
26 LayoutBlockFlow {BLOCK} at (0,26) size 788x26 [border: (2px solid #008000)]
27 LayoutBlockFlow {DIV} at (2,2) size 304x22 [border: (2px solid #0000FF)]
28 LayoutText {#text} at (2,2) size 100x18
29 text run at (2,2) width 100: "This is div two."
30 LayoutText {#text} at (0,0) size 0x0