1 layer at (0,0) size 785x927
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x927
4 RenderBlock {HTML} at (0,0) size 785x927
5 RenderBody {BODY} at (8,8) size 769x911 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x16
7 RenderText {#text} at (0,0) size 363x16
8 text run at (0,0) width 363: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,32) size 769x78
10 RenderText {#text} at (0,0) size 398x78
11 text run at (0,0) width 383: ".zero {background-color: silver; margin-left: 0;}"
12 text run at (382,0) width 1: " "
13 text run at (0,13) width 391: ".one {margin-left: 0.5in; background-color: aqua;}"
14 text run at (390,13) width 1: " "
15 text run at (0,26) width 383: ".two {margin-left: 25px; background-color: aqua;}"
16 text run at (382,26) width 1: " "
17 text run at (0,39) width 391: ".three {margin-left: 5em; background-color: aqua;}"
18 text run at (390,39) width 1: " "
19 text run at (0,52) width 383: ".four {margin-left: 25%; background-color: aqua;}"
20 text run at (382,52) width 1: " "
21 text run at (0,65) width 398: ".five {margin-left: -10px; background-color: aqua;}"
22 text run at (397,65) width 1: " "
23 RenderBlock {HR} at (0,123) size 769x2 [border: (1px inset #EEEEEE)]
24 RenderBlock {P} at (0,141) size 769x16 [bgcolor=#C0C0C0]
25 RenderText {#text} at (0,0) size 208x16
26 text run at (0,0) width 208: "This element has a class of zero."
27 RenderBlock {P} at (48,173) size 721x16 [bgcolor=#00FFFF]
28 RenderText {#text} at (0,0) size 355x16
29 text run at (0,0) width 355: "This sentence should have a left margin of half an inch."
30 RenderBlock {P} at (25,205) size 744x16 [bgcolor=#00FFFF]
31 RenderText {#text} at (0,0) size 338x16
32 text run at (0,0) width 338: "This sentence should have a left margin of 25 pixels."
33 RenderBlock {P} at (80,237) size 689x16 [bgcolor=#00FFFF]
34 RenderText {#text} at (0,0) size 312x16
35 text run at (0,0) width 312: "This sentence should have a left margin of 5 em."
36 RenderBlock {P} at (192.25,269) size 576.75x32 [bgcolor=#00FFFF]
37 RenderText {#text} at (0,0) size 558x32
38 text run at (0,0) width 558: "This sentence should have a left margin of 25%, which is calculated with respect to the"
39 text run at (0,16) width 180: "width of the parent element."
40 RenderBlock {UL} at (25,317) size 744x80 [bgcolor=#808080]
41 RenderListItem {LI} at (40,0) size 704x16
42 RenderListMarker at (-16,0) size 6x16: bullet
43 RenderText {#text} at (0,0) size 700x16
44 text run at (0,0) width 700: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to gray."
45 RenderListItem {LI} at (65,16) size 679x48 [bgcolor=#FFFFFF]
46 RenderListMarker at (-16,0) size 6x16: bullet
47 RenderText {#text} at (0,0) size 670x48
48 text run at (0,0) width 670: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
49 text run at (0,16) width 61: "checked. "
50 text run at (60,16) width 576: "This list item has its left margin also set to 25 pixels, which should combine with the list's"
51 text run at (0,32) width 538: "margin to make 50 pixels of margin, and its background color has been set to white."
52 RenderListItem {LI} at (40,64) size 704x16
53 RenderListMarker at (-16,0) size 6x16: bullet
54 RenderText {#text} at (0,0) size 185x16
55 text run at (0,0) width 185: "This is an unclassed list item"
56 RenderBlock {P} at (0,413) size 769x16 [bgcolor=#C0C0C0]
57 RenderText {#text} at (0,0) size 208x16
58 text run at (0,0) width 208: "This element has a class of zero."
59 RenderBlock {P} at (-10,445) size 779x48 [bgcolor=#00FFFF]
60 RenderText {#text} at (0,0) size 774x48
61 text run at (0,0) width 774: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
62 text run at (0,16) width 116: "blue background. "
63 text run at (115,16) width 395: "In all other respects, however, the element should be normal. "
64 text run at (509,16) width 261: "No styles have been applied to it besides"
65 text run at (0,32) width 324: "the negative left margin and the background color."
66 RenderTable {TABLE} at (0,509) size 769x402 [border: (1px outset #808080)]
67 RenderTableSection {TBODY} at (1,1) size 767x400
68 RenderTableRow {TR} at (0,0) size 767x24
69 RenderTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
70 RenderInline {STRONG} at (0,0) size 163x16
71 RenderText {#text} at (4,4) size 163x16
72 text run at (4,4) width 163: "TABLE Testing Section"
73 RenderTableRow {TR} at (0,24) size 767x376
74 RenderTableCell {TD} at (0,200) size 12x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
75 RenderText {#text} at (4,4) size 4x16
76 text run at (4,4) width 4: " "
77 RenderTableCell {TD} at (12,24) size 755x376 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
78 RenderBlock {P} at (4,4) size 747x16 [bgcolor=#C0C0C0]
79 RenderText {#text} at (0,0) size 208x16
80 text run at (0,0) width 208: "This element has a class of zero."
81 RenderBlock {P} at (52,36) size 699x16 [bgcolor=#00FFFF]
82 RenderText {#text} at (0,0) size 355x16
83 text run at (0,0) width 355: "This sentence should have a left margin of half an inch."
84 RenderBlock {P} at (29,68) size 722x16 [bgcolor=#00FFFF]
85 RenderText {#text} at (0,0) size 338x16
86 text run at (0,0) width 338: "This sentence should have a left margin of 25 pixels."
87 RenderBlock {P} at (84,100) size 667x16 [bgcolor=#00FFFF]
88 RenderText {#text} at (0,0) size 312x16
89 text run at (0,0) width 312: "This sentence should have a left margin of 5 em."
90 RenderBlock {P} at (190.75,132) size 560.25x32 [bgcolor=#00FFFF]
91 RenderText {#text} at (0,0) size 558x32
92 text run at (0,0) width 558: "This sentence should have a left margin of 25%, which is calculated with respect to the"
93 text run at (0,16) width 180: "width of the parent element."
94 RenderBlock {UL} at (29,180) size 722x96 [bgcolor=#808080]
95 RenderListItem {LI} at (40,0) size 682x32
96 RenderListMarker at (-16,0) size 6x16: bullet
97 RenderText {#text} at (0,0) size 664x32
98 text run at (0,0) width 664: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to"
99 text run at (0,16) width 33: "gray."
100 RenderListItem {LI} at (65,32) size 657x48 [bgcolor=#FFFFFF]
101 RenderListMarker at (-16,0) size 6x16: bullet
102 RenderText {#text} at (0,0) size 652x48
103 text run at (0,0) width 617: "Another list item might not be such a bad idea, either, considering that such things do need to be"
104 text run at (0,16) width 110: "double-checked. "
105 text run at (109,16) width 543: "This list item has its left margin also set to 25 pixels, which should combine with the"
106 text run at (0,32) width 570: "list's margin to make 50 pixels of margin, and its background color has been set to white."
107 RenderListItem {LI} at (40,80) size 682x16
108 RenderListMarker at (-16,0) size 6x16: bullet
109 RenderText {#text} at (0,0) size 185x16
110 text run at (0,0) width 185: "This is an unclassed list item"
111 RenderBlock {P} at (4,292) size 747x16 [bgcolor=#C0C0C0]
112 RenderText {#text} at (0,0) size 208x16
113 text run at (0,0) width 208: "This element has a class of zero."
114 RenderBlock {P} at (-6,324) size 757x48 [bgcolor=#00FFFF]
115 RenderText {#text} at (0,0) size 752x48
116 text run at (0,0) width 740: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
117 text run at (0,16) width 149: "light blue background. "
118 text run at (148,16) width 395: "In all other respects, however, the element should be normal. "
119 text run at (542,16) width 210: "No styles have been applied to it"
120 text run at (0,32) width 375: "besides the negative left margin and the background color."