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