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 {DIV} at (0,0) size 784x194.53 [border: (2px solid #FF0000)]
7 LayoutBlockFlow (anonymous) at (2,2) size 780x20
8 LayoutInline {I} at (0,0) size 234x19
9 LayoutText {#text} at (0,0) size 96x19
10 text run at (0,0) width 96: "Start of a line. "
11 LayoutInline {FONT} at (0,0) size 138x19 [color=#FF0000]
12 LayoutText {#text} at (96,0) size 138x19
13 text run at (96,0) width 138: "More red on this line:"
14 LayoutBlockFlow (anonymous) at (2,40.72) size 780x71.91 [color=#FF0000]
15 LayoutBlockFlow {H3} at (0,0) size 780x23
16 LayoutText {#text} at (0,0) size 213x22
17 text run at (0,0) width 213: "Suddenly a block appears!"
18 LayoutBlockFlow {H2} at (0,42.91) size 780x29
19 LayoutText {#text} at (0,0) size 192x28
20 text run at (0,0) width 192: "And another block!"
21 LayoutBlockFlow (anonymous) at (2,132.53) size 780x60
22 LayoutInline {I} at (0,0) size 297x39
23 LayoutInline {FONT} at (0,0) size 100x39 [color=#FF0000]
24 LayoutText {#text} at (0,0) size 100x19
25 text run at (0,0) width 100: "Now more text."
26 LayoutBR {BR} at (100,15) size 0x0
27 LayoutText {#text} at (0,20) size 66x19
28 text run at (0,20) width 66: "This is red"
29 LayoutText {#text} at (66,20) size 231x19
30 text run at (66,20) width 231: " but now only italic on the same line"
31 LayoutBR {BR} at (297,35) size 0x0
32 LayoutText {#text} at (0,40) size 120x19
33 text run at (0,40) width 120: "Plain line at the end."