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 [bgcolor=#CCCCCC]
6 LayoutBlockFlow {P} at (0,0) size 784x18
7 LayoutText {#text} at (0,0) size 363x18
8 text run at (0,0) width 363: "The style declarations which apply to the text below are:"
9 LayoutBlockFlow {PRE} at (0,34) size 784x45
10 LayoutText {#text} at (0,0) size 157x45
11 text run at (0,0) width 149: ".one {float: left;}"
12 text run at (148,0) width 1: " "
13 text run at (0,15) width 157: ".two {float: right;}"
14 text run at (156,15) width 1: " "
15 text run at (0,30) width 0: " "
16 LayoutBlockFlow {HR} at (0,92) size 784x2 [border: (1px inset #EEEEEE)]
17 LayoutImage (floating) {IMG} at (0,102) size 15x50
18 LayoutBlockFlow {P} at (0,110) size 784x36
19 LayoutText {#text} at (15,0) size 738x36
20 text run at (15,0) width 611: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
21 text run at (625,0) width 128: "In this case, it is the"
22 text run at (15,18) width 260: "image which has been floated to the left."
23 LayoutBlockFlow (anonymous) at (0,162) size 784x18
24 LayoutBR {BR} at (0,0) size 0x18
25 LayoutBlockFlow {HR} at (0,188) size 784x2 [border: (1px inset #EEEEEE)]
26 LayoutImage (floating) {IMG} at (769,198) size 15x50
27 LayoutBlockFlow {P} at (0,206) size 784x36
28 LayoutText {#text} at (0,0) size 747x36
29 text run at (0,0) width 619: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
30 text run at (618,0) width 129: "In this case, it is the"
31 text run at (0,18) width 269: "image which has been floated to the right."
32 LayoutTable {TABLE} at (0,258) size 784x174 [border: (1px outset #808080)]
33 LayoutTableSection {TBODY} at (1,1) size 782x172
34 LayoutTableRow {TR} at (0,0) size 782x26
35 LayoutTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
36 LayoutInline {STRONG} at (0,0) size 163x18
37 LayoutText {#text} at (4,4) size 163x18
38 text run at (4,4) width 163: "TABLE Testing Section"
39 LayoutTableRow {TR} at (0,26) size 782x146
40 LayoutTableCell {TD} at (0,86) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
41 LayoutText {#text} at (4,4) size 4x18
42 text run at (4,4) width 4: " "
43 LayoutTableCell {TD} at (12,26) size 770x146 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
44 LayoutImage (floating) {IMG} at (4,4) size 15x50
45 LayoutBlockFlow {P} at (4,4) size 762x36
46 LayoutText {#text} at (15,0) size 738x36
47 text run at (15,0) width 611: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
48 text run at (625,0) width 128: "In this case, it is the"
49 text run at (15,18) width 260: "image which has been floated to the left."
50 LayoutBlockFlow (anonymous) at (4,56) size 762x18
51 LayoutBR {BR} at (0,0) size 0x18
52 LayoutBlockFlow {HR} at (4,82) size 762x2 [border: (1px inset #EEEEEE)]
53 LayoutImage (floating) {IMG} at (751,92) size 15x50
54 LayoutBlockFlow {P} at (4,100) size 762x36
55 LayoutText {#text} at (0,0) size 747x36
56 text run at (0,0) width 619: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
57 text run at (618,0) width 129: "In this case, it is the"
58 text run at (0,18) width 269: "image which has been floated to the right."