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 784x584 LayoutBlockFlow {P} at (0,0) size 784x18 LayoutText {#text} at (0,0) size 537x17 text run at (0,0) width 537: "The two divs below should be on the same line, since they are display: inline-block." LayoutBlockFlow {CENTER} at (0,34) size 784x22 LayoutBlockFlow {DIV} at (88,0) size 304x22 [border: (2px solid #0000FF)] LayoutText {#text} at (102,2) size 100x17 text run at (102,2) width 100: "This is div one." LayoutBlockFlow {DIV} at (392,0) size 304x22 [border: (2px solid #0000FF)] LayoutText {#text} at (102,2) size 100x17 text run at (102,2) width 100: "This is div two." LayoutText {#text} at (0,0) size 0x0 LayoutBlockFlow {P} at (0,72) size 784x18 LayoutText {#text} at (0,0) size 659x17 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%." LayoutBlockFlow (anonymous) at (0,106) size 784x52 LayoutBlockFlow {BLOCK} at (0,0) size 788x26 [border: (2px solid #008000)] LayoutBlockFlow {DIV} at (2,2) size 304x22 [border: (2px solid #0000FF)] LayoutText {#text} at (2,2) size 99x17 text run at (2,2) width 99: "This is div one." LayoutText {#text} at (0,0) size 0x0 LayoutBlockFlow {BLOCK} at (0,26) size 788x26 [border: (2px solid #008000)] LayoutBlockFlow {DIV} at (2,2) size 304x22 [border: (2px solid #0000FF)] LayoutText {#text} at (2,2) size 100x17 text run at (2,2) width 100: "This is div two." LayoutText {#text} at (0,0) size 0x0