1 layer at (0,0) size 784x1171
2 RenderView at (0,0) size 784x600
3 layer at (0,0) size 784x1171
4 RenderBlock {HTML} at (0,0) size 784x1171
5 RenderBody {BODY} at (8,8) size 768x1155 [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 562x90
11 text run at (0,0) width 398: ".zero {background-color: silver; padding-right: 0;}"
12 text run at (397,0) width 1: " "
13 text run at (0,15) width 554: ".one {padding-right: 0.5in; text-align: right; background-color: aqua;}"
14 text run at (553,15) width 1: " "
15 text run at (0,30) width 547: ".two {padding-right: 25px; text-align: right; background-color: aqua;}"
16 text run at (546,30) width 1: " "
17 text run at (0,45) width 554: ".three {padding-right: 5em; text-align: right; background-color: aqua;}"
18 text run at (553,45) width 1: " "
19 text run at (0,60) width 547: ".four {padding-right: 25%; text-align: right; background-color: aqua;}"
20 text run at (546,60) width 1: " "
21 text run at (0,75) width 562: ".five {padding-right: -20px; text-align: right; background-color: aqua;}"
22 text run at (561,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 (0,189) size 768x54 [bgcolor=#00FFFF]
28 RenderText {#text} at (9,0) size 711x53
29 text run at (9,0) width 657: "This element should have a right padding of half an inch, which will require extra text in order to test. "
30 text run at (665,0) width 55: "Both the"
31 text run at (33,18) width 418: "content background and the padding should be aqua (light blue). "
32 text run at (450,18) width 270: "The text has been right-aligned in order to"
33 text run at (485,36) width 235: "make the right padding easier to see."
34 RenderBlock {P} at (0,259) size 768x54 [bgcolor=#00FFFF]
35 RenderText {#text} at (49,0) size 725x53
36 text run at (49,0) width 640: "This element should have a right padding of 25 pixels, which will require extra text in order to test. "
37 text run at (688,0) width 55: "Both the"
38 text run at (18,18) width 417: "content background and the padding should be aqua (light blue). "
39 text run at (434,18) width 309: "The text has been right-aligned in order to make"
40 text run at (547,36) width 196: "the right padding easier to see."
41 RenderBlock {P} at (0,329) size 768x54 [bgcolor=#00FFFF]
42 RenderText {#text} at (21,0) size 687x53
43 text run at (21,0) width 613: "This element should have a right padding of 5 em, which will require extra text in order to test. "
44 text run at (633,0) width 55: "Both the"
45 text run at (1,18) width 418: "content background and the padding should be aqua (light blue). "
46 text run at (418,18) width 270: "The text has been right-aligned in order to"
47 text run at (453,36) width 235: "make the right padding easier to see."
48 RenderBlock {P} at (0,399) size 768x72 [bgcolor=#00FFFF]
49 RenderText {#text} at (8,0) size 576x71
50 text run at (8,0) width 568: "This element should have a right padding of 25%, which is calculated with respect to the"
51 text run at (0,18) width 185: "width of the parent element. "
52 text run at (184,18) width 392: "Both the content background and the padding should be aqua"
53 text run at (17,36) width 80: "(light blue). "
54 text run at (96,36) width 480: "The text has been right-aligned in order to make the right padding easier to"
55 text run at (551,54) width 25: "see."
56 RenderBlock {UL} at (0,487) size 768x72 [bgcolor=#808080]
57 RenderListItem {LI} at (40,0) size 703x36
58 RenderListMarker at (-17,0) size 7x17: bullet
59 RenderText {#text} at (7,0) size 696x35
60 text run at (7,0) width 696: "The right padding on this unordered list has been set to 25 pixels, which will require some extra text in order"
61 text run at (660,18) width 43: "to test."
62 RenderListItem {LI} at (40,36) size 703x36 [bgcolor=#FFFFFF]
63 RenderListMarker at (-17,0) size 7x17: bullet
64 RenderText {#text} at (4,0) size 674x35
65 text run at (4,0) width 674: "This list item has a right padding of 25 pixels, which will appear to the left of the gray padding of the UL"
66 text run at (623,18) width 55: "element."
67 RenderBlock {P} at (0,575) size 768x54 [bgcolor=#00FFFF]
68 RenderText {#text} at (78,0) size 747x53
69 text run at (78,0) width 585: "This element should have no right padding, since negative padding values are not allowed. "
70 text run at (662,0) width 106: "Both the content"
71 text run at (21,18) width 416: "background and the normal padding should be aqua (light blue). "
72 text run at (436,18) width 332: "The text has been right-aligned in order to make the"
73 text run at (548,36) width 220: "lack of right padding easier to see."
74 RenderTable {TABLE} at (0,645) size 768x510 [border: (1px outset #808080)]
75 RenderTableSection {TBODY} at (1,1) size 766x508
76 RenderTableRow {TR} at (0,0) size 766x26
77 RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
78 RenderInline {STRONG} at (0,0) size 163x17
79 RenderText {#text} at (4,4) size 163x17
80 text run at (4,4) width 163: "TABLE Testing Section"
81 RenderTableRow {TR} at (0,26) size 766x482
82 RenderTableCell {TD} at (0,254) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
83 RenderText {#text} at (4,4) size 4x17
84 text run at (4,4) width 4: " "
85 RenderTableCell {TD} at (12,26) size 754x482 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
86 RenderBlock {P} at (4,4) size 746x18 [bgcolor=#C0C0C0]
87 RenderText {#text} at (0,0) size 208x17
88 text run at (0,0) width 208: "This element has a class of zero."
89 RenderBlock {P} at (4,38) size 746x54 [bgcolor=#00FFFF]
90 RenderText {#text} at (11,0) size 694x53
91 text run at (11,0) width 656: "This element should have a right padding of half an inch, which will require extra text in order to test. "
92 text run at (666,0) width 32: "Both"
93 text run at (4,18) width 441: "the content background and the padding should be aqua (light blue). "
94 text run at (444,18) width 254: "The text has been right-aligned in order"
95 text run at (447,36) width 251: "to make the right padding easier to see."
96 RenderBlock {P} at (4,108) size 746x54 [bgcolor=#00FFFF]
97 RenderText {#text} at (27,0) size 694x53
98 text run at (27,0) width 640: "This element should have a right padding of 25 pixels, which will require extra text in order to test. "
99 text run at (666,0) width 55: "Both the"
100 text run at (34,18) width 418: "content background and the padding should be aqua (light blue). "
101 text run at (451,18) width 270: "The text has been right-aligned in order to"
102 text run at (486,36) width 235: "make the right padding easier to see."
103 RenderBlock {P} at (4,178) size 746x54 [bgcolor=#00FFFF]
104 RenderText {#text} at (23,0) size 656x53
105 text run at (23,0) width 612: "This element should have a right padding of 5 em, which will require extra text in order to test. "
106 text run at (634,0) width 32: "Both"
107 text run at (10,18) width 441: "the content background and the padding should be aqua (light blue). "
108 text run at (450,18) width 216: "The text has been right-aligned in"
109 text run at (377,36) width 289: "order to make the right padding easier to see."
110 RenderBlock {P} at (4,248) size 746x72 [bgcolor=#00FFFF]
111 RenderText {#text} at (15,0) size 555x71
112 text run at (15,0) width 545: "This element should have a right padding of 25%, which is calculated with respect to"
113 text run at (14,18) width 208: "the width of the parent element. "
114 text run at (221,18) width 339: "Both the content background and the padding should"
115 text run at (5,36) width 134: "be aqua (light blue). "
116 text run at (138,36) width 422: "The text has been right-aligned in order to make the right padding"
117 text run at (477,54) width 83: "easier to see."
118 RenderBlock {UL} at (4,336) size 746x72 [bgcolor=#808080]
119 RenderListItem {LI} at (40,0) size 681x36
120 RenderListMarker at (-17,0) size 7x17: bullet
121 RenderText {#text} at (23,0) size 658x35
122 text run at (23,0) width 658: "The right padding on this unordered list has been set to 25 pixels, which will require some extra text in"
123 text run at (600,18) width 81: "order to test."
124 RenderListItem {LI} at (40,36) size 681x36 [bgcolor=#FFFFFF]
125 RenderListMarker at (-17,0) size 7x17: bullet
126 RenderText {#text} at (8,0) size 648x35
127 text run at (8,0) width 648: "This list item has a right padding of 25 pixels, which will appear to the left of the gray padding of the"
128 text run at (576,18) width 80: "UL element."
129 RenderBlock {P} at (4,424) size 746x54 [bgcolor=#00FFFF]
130 RenderText {#text} at (56,0) size 723x53
131 text run at (56,0) width 585: "This element should have no right padding, since negative padding values are not allowed. "
132 text run at (640,0) width 106: "Both the content"
133 text run at (23,18) width 415: "background and the normal padding should be aqua (light blue). "
134 text run at (437,18) width 309: "The text has been right-aligned in order to make"
135 text run at (502,36) width 244: "the lack of right padding easier to see."