1 layer at (0,0) size 784x1005
2 RenderView at (0,0) size 784x600
3 layer at (0,0) size 784x1005
4 RenderBlock {HTML} at (0,0) size 784x1005
5 RenderBody {BODY} at (8,8) size 768x989 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 768x18
7 RenderText {#text} at (0,0) size 363x17
8 text run at (0,0) width 363: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,34) size 768x90
10 RenderText {#text} at (0,0) size 398x90
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,15) width 391: ".one {margin-left: 0.5in; background-color: aqua;}"
14 text run at (390,15) width 1: " "
15 text run at (0,30) width 383: ".two {margin-left: 25px; background-color: aqua;}"
16 text run at (382,30) width 1: " "
17 text run at (0,45) width 391: ".three {margin-left: 5em; background-color: aqua;}"
18 text run at (390,45) width 1: " "
19 text run at (0,60) width 383: ".four {margin-left: 25%; background-color: aqua;}"
20 text run at (382,60) width 1: " "
21 text run at (0,75) width 398: ".five {margin-left: -10px; background-color: aqua;}"
22 text run at (397,75) width 1: " "
23 RenderBlock {HR} at (0,137) size 768x2 [border: (1px inset #000000)]
24 RenderBlock {P} at (0,155) size 768x18 [bgcolor=#C0C0C0]
25 RenderText {#text} at (0,0) size 208x17
26 text run at (0,0) width 208: "This element has a class of zero."
27 RenderBlock {P} at (48,189) size 720x18 [bgcolor=#00FFFF]
28 RenderText {#text} at (0,0) size 355x17
29 text run at (0,0) width 355: "This sentence should have a left margin of half an inch."
30 RenderBlock {P} at (25,223) size 743x18 [bgcolor=#00FFFF]
31 RenderText {#text} at (0,0) size 338x17
32 text run at (0,0) width 338: "This sentence should have a left margin of 25 pixels."
33 RenderBlock {P} at (80,257) size 688x18 [bgcolor=#00FFFF]
34 RenderText {#text} at (0,0) size 312x17
35 text run at (0,0) width 312: "This sentence should have a left margin of 5 em."
36 RenderBlock {P} at (192,291) size 576x36 [bgcolor=#00FFFF]
37 RenderText {#text} at (0,0) size 558x35
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,18) width 180: "width of the parent element."
40 RenderBlock {UL} at (25,343) size 743x90 [bgcolor=#808080]
41 RenderListItem {LI} at (40,0) size 703x18
42 RenderListMarker at (-17,0) size 7x17: bullet
43 RenderText {#text} at (0,0) size 700x17
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,18) size 678x54 [bgcolor=#FFFFFF]
46 RenderListMarker at (-17,0) size 7x17: bullet
47 RenderText {#text} at (0,0) size 670x53
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,18) width 61: "checked. "
50 text run at (60,18) 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,36) width 538: "margin to make 50 pixels of margin, and its background color has been set to white."
52 RenderListItem {LI} at (40,72) size 703x18
53 RenderListMarker at (-17,0) size 7x17: bullet
54 RenderText {#text} at (0,0) size 185x17
55 text run at (0,0) width 185: "This is an unclassed list item"
56 RenderBlock {P} at (0,449) size 768x18 [bgcolor=#C0C0C0]
57 RenderText {#text} at (0,0) size 208x17
58 text run at (0,0) width 208: "This element has a class of zero."
59 RenderBlock {P} at (-10,483) size 778x54 [bgcolor=#00FFFF]
60 RenderText {#text} at (0,0) size 774x53
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,18) width 116: "blue background. "
63 text run at (115,18) width 395: "In all other respects, however, the element should be normal. "
64 text run at (509,18) width 261: "No styles have been applied to it besides"
65 text run at (0,36) width 324: "the negative left margin and the background color."
66 RenderTable {TABLE} at (0,553) size 768x436 [border: (1px outset #808080)]
67 RenderTableSection {TBODY} at (1,1) size 766x434
68 RenderTableRow {TR} at (0,0) size 766x26
69 RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
70 RenderInline {STRONG} at (0,0) size 163x17
71 RenderText {#text} at (4,4) size 163x17
72 text run at (4,4) width 163: "TABLE Testing Section"
73 RenderTableRow {TR} at (0,26) size 766x408
74 RenderTableCell {TD} at (0,217) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
75 RenderText {#text} at (4,4) size 4x17
76 text run at (4,4) width 4: " "
77 RenderTableCell {TD} at (12,26) size 754x408 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
78 RenderBlock {P} at (4,4) size 746x18 [bgcolor=#C0C0C0]
79 RenderText {#text} at (0,0) size 208x17
80 text run at (0,0) width 208: "This element has a class of zero."
81 RenderBlock {P} at (52,38) size 698x18 [bgcolor=#00FFFF]
82 RenderText {#text} at (0,0) size 355x17
83 text run at (0,0) width 355: "This sentence should have a left margin of half an inch."
84 RenderBlock {P} at (29,72) size 721x18 [bgcolor=#00FFFF]
85 RenderText {#text} at (0,0) size 338x17
86 text run at (0,0) width 338: "This sentence should have a left margin of 25 pixels."
87 RenderBlock {P} at (84,106) size 666x18 [bgcolor=#00FFFF]
88 RenderText {#text} at (0,0) size 312x17
89 text run at (0,0) width 312: "This sentence should have a left margin of 5 em."
90 RenderBlock {P} at (190,140) size 560x36 [bgcolor=#00FFFF]
91 RenderText {#text} at (0,0) size 558x35
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,18) width 180: "width of the parent element."
94 RenderBlock {UL} at (29,192) size 721x108 [bgcolor=#808080]
95 RenderListItem {LI} at (40,0) size 681x36
96 RenderListMarker at (-17,0) size 7x17: bullet
97 RenderText {#text} at (0,0) size 664x35
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,18) width 33: "gray."
100 RenderListItem {LI} at (65,36) size 656x54 [bgcolor=#FFFFFF]
101 RenderListMarker at (-17,0) size 7x17: bullet
102 RenderText {#text} at (0,0) size 652x53
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,18) width 110: "double-checked. "
105 text run at (109,18) width 543: "This list item has its left margin also set to 25 pixels, which should combine with the"
106 text run at (0,36) 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,90) size 681x18
108 RenderListMarker at (-17,0) size 7x17: bullet
109 RenderText {#text} at (0,0) size 185x17
110 text run at (0,0) width 185: "This is an unclassed list item"
111 RenderBlock {P} at (4,316) size 746x18 [bgcolor=#C0C0C0]
112 RenderText {#text} at (0,0) size 208x17
113 text run at (0,0) width 208: "This element has a class of zero."
114 RenderBlock {P} at (-6,350) size 756x54 [bgcolor=#00FFFF]
115 RenderText {#text} at (0,0) size 752x53
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,18) width 149: "light blue background. "
118 text run at (148,18) width 395: "In all other respects, however, the element should be normal. "
119 text run at (542,18) width 210: "No styles have been applied to it"
120 text run at (0,36) width 375: "besides the negative left margin and the background color."