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 784x20
7 LayoutText {#text} at (0,0) size 337x19
8 text run at (0,0) width 337: "The style declarations which apply to the text below are:"
9 LayoutBlockFlow {PRE} at (0,36) size 784x48
10 LayoutText {#text} at (0,0) size 160x48
11 text run at (0,0) width 152: ".one {float: left;}"
12 text run at (152,0) width 0: " "
13 text run at (0,16) width 160: ".two {float: right;}"
14 text run at (160,16) width 0: " "
15 text run at (0,32) width 0: " "
16 LayoutBlockFlow {HR} at (0,97) size 784x2 [border: (1px inset #EEEEEE)]
17 LayoutImage (floating) {IMG} at (0,107) size 15x50
18 LayoutBlockFlow {P} at (0,115) size 784x40
19 LayoutText {#text} at (15,0) size 762x39
20 text run at (15,0) width 567: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
21 text run at (582,0) width 195: "In this case, it is the image which"
22 text run at (15,20) width 162: "has been floated to the left."
23 LayoutBlockFlow (anonymous) at (0,171) size 784x20
24 LayoutBR {BR} at (0,0) size 0x19
25 LayoutBlockFlow {HR} at (0,199) size 784x2 [border: (1px inset #EEEEEE)]
26 LayoutImage (floating) {IMG} at (769,209) size 15x50
27 LayoutBlockFlow {P} at (0,217) size 784x40
28 LayoutText {#text} at (0,0) size 731x39
29 text run at (0,0) width 575: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
30 text run at (575,0) width 156: "In this case, it is the image"
31 text run at (0,20) width 209: "which has been floated to the right."
32 LayoutTable {TABLE} at (0,273) size 784x182 [border: (1px outset #808080)]
33 LayoutTableSection {TBODY} at (1,1) size 782x180
34 LayoutTableRow {TR} at (0,0) size 782x28
35 LayoutTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
36 LayoutInline {STRONG} at (0,0) size 159x19
37 LayoutText {#text} at (4,4) size 159x19
38 text run at (4,4) width 159: "TABLE Testing Section"
39 LayoutTableRow {TR} at (0,28) size 782x152
40 LayoutTableCell {TD} at (0,90) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
41 LayoutText {#text} at (4,4) size 4x19
42 text run at (4,4) width 4: " "
43 LayoutTableCell {TD} at (12,28) size 770x152 [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 762x40
46 LayoutText {#text} at (15,0) size 723x39
47 text run at (15,0) width 567: "This text should be flowing past a tall orange rectangle on the left side of the browser window. "
48 text run at (582,0) width 156: "In this case, it is the image"
49 text run at (15,20) width 201: "which has been floated to the left."
50 LayoutBlockFlow (anonymous) at (4,60) size 762x20
51 LayoutBR {BR} at (0,0) size 0x19
52 LayoutBlockFlow {HR} at (4,88) size 762x2 [border: (1px inset #EEEEEE)]
53 LayoutImage (floating) {IMG} at (751,98) size 15x50
54 LayoutBlockFlow {P} at (4,106) size 762x40
55 LayoutText {#text} at (0,0) size 731x39
56 text run at (0,0) width 575: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
57 text run at (575,0) width 156: "In this case, it is the image"
58 text run at (0,20) width 209: "which has been floated to the right."