OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2846 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2846 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 785x2846 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x2846 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
4 RenderBlock {HTML} at (0,0) size 785x2846 | 4 RenderBlock {HTML} at (0,0) size 785x2846 |
5 RenderBody {BODY} at (8,8) size 769x2830 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x2830 [bgcolor=#CCCCCC] |
6 RenderBlock (floating) {P} at (0,0) size 384.50x40 [bgcolor=#FFFF00] | 6 RenderBlock (floating) {P} at (0,0) size 384.50x40 [bgcolor=#FFFF00] |
7 RenderText {#text} at (0,0) size 384x39 | 7 RenderText {#text} at (0,0) size 384x39 |
8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and is" | 8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and is" |
9 text run at (0,20) width 105: "floated to the left." | 9 text run at (0,20) width 105: "floated to the left." |
10 RenderBlock {P} at (0,0) size 769x80 | 10 RenderBlock {P} at (0,0) size 769x80 |
11 RenderText {#text} at (384,0) size 769x79 | 11 RenderText {#text} at (384,0) size 769x79 |
12 text run at (384,0) width 385: "This paragraph should start on the rig
ht side of a yellow box" | 12 text run at (384,0) width 385: "This paragraph should start on the rig
ht side of a yellow box" |
13 text run at (384,20) width 385: "which contains the previous paragraph
. Since the text of this" | 13 text run at (384,20) width 385: "which contains the previous paragraph
. Since the text of this" |
14 text run at (0,40) width 769: "element is much longer than the text in
the previous element, the text will wrap around the yellow box. There is no pad
ding," | 14 text run at (0,40) width 769: "element is much longer than the text in
the previous element, the text will wrap around the yellow box. There is no pad
ding," |
15 text run at (0,60) width 709: "border or margins on this and the previ
ous element, so the text of the two elements should be very close to each other.
" | 15 text run at (0,60) width 709: "border or margins on this and the previ
ous element, so the text of the two elements should be very close to each other.
" |
16 RenderBlock (anonymous) at (0,80) size 769x20 | 16 RenderBlock (anonymous) at (0,80) size 769x20 |
17 RenderBR {BR} at (0,0) size 0x19 | 17 LayoutBR {BR} at (0,0) size 0x19 |
18 RenderBlock {HR} at (0,108) size 769x2 [border: (1px inset #EEEEEE)] | 18 RenderBlock {HR} at (0,108) size 769x2 [border: (1px inset #EEEEEE)] |
19 RenderBlock (floating) {P} at (0,118) size 769x80 [bgcolor=#FFFF00] | 19 RenderBlock (floating) {P} at (0,118) size 769x80 [bgcolor=#FFFF00] |
20 RenderText {#text} at (0,0) size 769x79 | 20 RenderText {#text} at (0,0) size 769x79 |
21 text run at (0,0) width 769: "This paragraph is of class \"two\". Sinc
e the width has been set to 100%, it should automatically be as wide as its pare
nt element" | 21 text run at (0,0) width 769: "This paragraph is of class \"two\". Sinc
e the width has been set to 100%, it should automatically be as wide as its pare
nt element" |
22 text run at (0,20) width 769: "allows it to be. Therefore, even though
the element is floated, there is no room for other content on the sides and a o
range" | 22 text run at (0,20) width 769: "allows it to be. Therefore, even though
the element is floated, there is no room for other content on the sides and a o
range" |
23 text run at (0,40) width 769: "square image should be seen AFTER the p
aragraph, not next to it. A yellow background has been added to this paragraph f
or" | 23 text run at (0,40) width 769: "square image should be seen AFTER the p
aragraph, not next to it. A yellow background has been added to this paragraph f
or" |
24 text run at (0,60) width 123: "diagnostic purposes." | 24 text run at (0,60) width 123: "diagnostic purposes." |
25 RenderBlock (anonymous) at (0,118) size 769x100 | 25 RenderBlock (anonymous) at (0,118) size 769x100 |
26 LayoutImage {IMG} at (0,80) size 15x15 | 26 LayoutImage {IMG} at (0,80) size 15x15 |
27 RenderText {#text} at (15,80) size 4x19 | 27 RenderText {#text} at (15,80) size 4x19 |
28 text run at (15,80) width 4: " " | 28 text run at (15,80) width 4: " " |
29 RenderBR {BR} at (19,95) size 0x0 | 29 LayoutBR {BR} at (19,95) size 0x0 |
30 RenderBlock {HR} at (0,226) size 769x2 [border: (1px inset #EEEEEE)] | 30 RenderBlock {HR} at (0,226) size 769x2 [border: (1px inset #EEEEEE)] |
31 RenderBlock (floating) {P} at (0,236) size 384.50x100 [bgcolor=#FFFF00] | 31 RenderBlock (floating) {P} at (0,236) size 384.50x100 [bgcolor=#FFFF00] |
32 RenderText {#text} at (0,0) size 384x99 | 32 RenderText {#text} at (0,0) size 384x99 |
33 text run at (0,0) width 384: "This paragraph is floated to the left an
d the orange square image" | 33 text run at (0,0) width 384: "This paragraph is floated to the left an
d the orange square image" |
34 text run at (0,20) width 384: "should appear to the right of the parag
raph. This paragraph has" | 34 text run at (0,20) width 384: "should appear to the right of the parag
raph. This paragraph has" |
35 text run at (0,40) width 384: "a yellow background and no padding, mar
gin or border. The" | 35 text run at (0,40) width 384: "a yellow background and no padding, mar
gin or border. The" |
36 text run at (0,60) width 384: "right edge of this yellow box should be
horizontally aligned with" | 36 text run at (0,60) width 384: "right edge of this yellow box should be
horizontally aligned with" |
37 text run at (0,80) width 260: "the left edge of the yellow box underne
arth." | 37 text run at (0,80) width 260: "the left edge of the yellow box underne
arth." |
38 RenderBlock (anonymous) at (0,236) size 769x100 | 38 RenderBlock (anonymous) at (0,236) size 769x100 |
39 LayoutImage {IMG} at (384.50,0) size 15x15 | 39 LayoutImage {IMG} at (384.50,0) size 15x15 |
40 RenderText {#text} at (399,0) size 5x19 | 40 RenderText {#text} at (399,0) size 5x19 |
41 text run at (399,0) width 5: " " | 41 text run at (399,0) width 5: " " |
42 RenderBR {BR} at (403,15) size 1x0 | 42 LayoutBR {BR} at (403,15) size 1x0 |
43 RenderBlock {HR} at (0,344) size 769x2 [border: (1px inset #EEEEEE)] | 43 RenderBlock {HR} at (0,344) size 769x2 [border: (1px inset #EEEEEE)] |
44 RenderBlock (floating) {P} at (384.50,354) size 384.50x120 [bgcolor=#FFFF0
0] | 44 RenderBlock (floating) {P} at (384.50,354) size 384.50x120 [bgcolor=#FFFF0
0] |
45 RenderText {#text} at (0,0) size 384x119 | 45 RenderText {#text} at (0,0) size 384x119 |
46 text run at (0,0) width 384: "This paragraph is floated to the right (
using a STYLE attribute)" | 46 text run at (0,0) width 384: "This paragraph is floated to the right (
using a STYLE attribute)" |
47 text run at (0,20) width 384: "and the orange square image should appe
ar to the left of the" | 47 text run at (0,20) width 384: "and the orange square image should appe
ar to the left of the" |
48 text run at (0,40) width 384: "paragraph. This paragraph has a yellow
background and no" | 48 text run at (0,40) width 384: "paragraph. This paragraph has a yellow
background and no" |
49 text run at (0,60) width 384: "padding, margin or border. The left edg
e of this yellow box" | 49 text run at (0,60) width 384: "padding, margin or border. The left edg
e of this yellow box" |
50 text run at (0,80) width 384: "should be horizonally aligned with the
right edge of the yellow" | 50 text run at (0,80) width 384: "should be horizonally aligned with the
right edge of the yellow" |
51 text run at (0,100) width 68: "box above." | 51 text run at (0,100) width 68: "box above." |
52 RenderBlock (anonymous) at (0,354) size 769x120 | 52 RenderBlock (anonymous) at (0,354) size 769x120 |
53 LayoutImage {IMG} at (0,0) size 15x15 | 53 LayoutImage {IMG} at (0,0) size 15x15 |
54 RenderText {#text} at (15,0) size 4x19 | 54 RenderText {#text} at (15,0) size 4x19 |
55 text run at (15,0) width 4: " " | 55 text run at (15,0) width 4: " " |
56 RenderBR {BR} at (19,15) size 0x0 | 56 LayoutBR {BR} at (19,15) size 0x0 |
57 RenderBlock {HR} at (0,482) size 769x2 [border: (1px inset #EEEEEE)] | 57 RenderBlock {HR} at (0,482) size 769x2 [border: (1px inset #EEEEEE)] |
58 RenderBlock {P} at (0,492) size 769x60 | 58 RenderBlock {P} at (0,492) size 769x60 |
59 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0] | 59 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0] |
60 RenderText {#text} at (0,0) size 21x36 | 60 RenderText {#text} at (0,0) size 21x36 |
61 text run at (0,0) width 21: "T" | 61 text run at (0,0) width 21: "T" |
62 RenderText {#text} at (48,0) size 769x59 | 62 RenderText {#text} at (48,0) size 769x59 |
63 text run at (48,0) width 721: "he first letter (a \"T\") of this parag
raph should float left and be twice the font-size of the rest of the paragraph,
as well as" | 63 text run at (48,0) width 721: "he first letter (a \"T\") of this parag
raph should float left and be twice the font-size of the rest of the paragraph,
as well as" |
64 text run at (48,20) width 431: "bold, with a content width of 1.5em an
d a background-color of silver. " | 64 text run at (48,20) width 431: "bold, with a content width of 1.5em an
d a background-color of silver. " |
65 text run at (479,20) width 290: "The top of the big letter \"T\" shoul
d be vertically" | 65 text run at (479,20) width 290: "The top of the big letter \"T\" shoul
d be vertically" |
66 text run at (0,40) width 559: "aligned with the top of the first line
of this paragraph. This is commonly known as \"drop-cap\"." | 66 text run at (0,40) width 559: "aligned with the top of the first line
of this paragraph. This is commonly known as \"drop-cap\"." |
67 RenderBlock (anonymous) at (0,552) size 769x20 | 67 RenderBlock (anonymous) at (0,552) size 769x20 |
68 RenderBR {BR} at (0,0) size 0x19 | 68 LayoutBR {BR} at (0,0) size 0x19 |
69 RenderBlock {HR} at (0,580) size 769x2 [border: (1px inset #EEEEEE)] | 69 RenderBlock {HR} at (0,580) size 769x2 [border: (1px inset #EEEEEE)] |
70 RenderBlock (floating) {P} at (423,600) size 336x216 [bgcolor=#FFFF00] [bo
rder: (3px solid #FF0000)] | 70 RenderBlock (floating) {P} at (423,600) size 336x216 [bgcolor=#FFFF00] [bo
rder: (3px solid #FF0000)] |
71 RenderText {#text} at (8,8) size 320x199 | 71 RenderText {#text} at (8,8) size 320x199 |
72 text run at (8,8) width 320: "This paragraph should be floated to the
right, sort of" | 72 text run at (8,8) width 320: "This paragraph should be floated to the
right, sort of" |
73 text run at (8,28) width 320: "like a 'sidebar' in a magazine article.
Its width is" | 73 text run at (8,28) width 320: "like a 'sidebar' in a magazine article.
Its width is" |
74 text run at (8,48) width 320: "20em so the box should not be reformatt
ed when the" | 74 text run at (8,48) width 320: "20em so the box should not be reformatt
ed when the" |
75 text run at (8,68) width 320: "size of the viewport is changed (e.g. w
hen the" | 75 text run at (8,68) width 320: "size of the viewport is changed (e.g. w
hen the" |
76 text run at (8,88) width 320: "window is resized). The background colo
r of the" | 76 text run at (8,88) width 320: "window is resized). The background colo
r of the" |
77 text run at (8,108) width 320: "element is yellow, and there should be
a 3px solid" | 77 text run at (8,108) width 320: "element is yellow, and there should be
a 3px solid" |
78 text run at (8,128) width 320: "red border outside a 5px wide padding.
Also, the" | 78 text run at (8,128) width 320: "red border outside a 5px wide padding.
Also, the" |
(...skipping 11 matching lines...) Expand all Loading... |
90 text run at (0,80) width 413: "be obscured by the blue background of t
his element, as the" | 90 text run at (0,80) width 413: "be obscured by the blue background of t
his element, as the" |
91 text run at (0,100) width 342: "specification does not say which is dr
awn \"on top.\" " | 91 text run at (0,100) width 342: "specification does not say which is dr
awn \"on top.\" " |
92 text run at (342,100) width 71: "Even if the" | 92 text run at (342,100) width 71: "Even if the" |
93 text run at (0,120) width 413: "floated element is obscured, it still
forces the content of this element" | 93 text run at (0,120) width 413: "floated element is obscured, it still
forces the content of this element" |
94 text run at (0,140) width 107: "to flow around it. " | 94 text run at (0,140) width 107: "to flow around it. " |
95 text run at (107,140) width 306: "If the floated element is not obscur
ed, then the blue" | 95 text run at (107,140) width 306: "If the floated element is not obscur
ed, then the blue" |
96 text run at (0,160) width 413: "rectangle of this paragraph should ext
end 10px above and to the" | 96 text run at (0,160) width 413: "rectangle of this paragraph should ext
end 10px above and to the" |
97 text run at (0,180) width 413: "right of the sidebar's red border, due
to the margin styles set for the" | 97 text run at (0,180) width 413: "right of the sidebar's red border, due
to the margin styles set for the" |
98 text run at (0,200) width 95: "floated element." | 98 text run at (0,200) width 95: "floated element." |
99 RenderBlock (anonymous) at (0,810) size 769x20 | 99 RenderBlock (anonymous) at (0,810) size 769x20 |
100 RenderBR {BR} at (0,0) size 0x19 | 100 LayoutBR {BR} at (0,0) size 0x19 |
101 RenderBlock {HR} at (0,838) size 769x2 [border: (1px inset #EEEEEE)] | 101 RenderBlock {HR} at (0,838) size 769x2 [border: (1px inset #EEEEEE)] |
102 RenderBlock {DIV} at (0,848) size 769x28 [bgcolor=#66CCFF] [border: (4px s
olid #FF0000)] | 102 RenderBlock {DIV} at (0,848) size 769x28 [bgcolor=#66CCFF] [border: (4px s
olid #FF0000)] |
103 RenderBlock (floating) {DIV} at (425,14) size 330x250 [bgcolor=#FFFF00] | 103 RenderBlock (floating) {DIV} at (425,14) size 330x250 [bgcolor=#FFFF00] |
104 RenderBlock {P} at (5,5) size 320x240 | 104 RenderBlock {P} at (5,5) size 320x240 |
105 RenderText {#text} at (0,0) size 320x239 | 105 RenderText {#text} at (0,0) size 320x239 |
106 text run at (0,0) width 320: "This paragraph is placed inside a DI
V element which" | 106 text run at (0,0) width 320: "This paragraph is placed inside a DI
V element which" |
107 text run at (0,20) width 320: "is floated to the right. The width
of the DIV element" | 107 text run at (0,20) width 320: "is floated to the right. The width
of the DIV element" |
108 text run at (0,40) width 320: "is 20em. The background is yellow a
nd there is a" | 108 text run at (0,40) width 320: "is 20em. The background is yellow a
nd there is a" |
109 text run at (0,60) width 320: "5px padding, a 10px margin and no b
order. Since it" | 109 text run at (0,60) width 320: "5px padding, a 10px margin and no b
order. Since it" |
110 text run at (0,80) width 320: "is floated, the yellow box should b
e rendered on top" | 110 text run at (0,80) width 320: "is floated, the yellow box should b
e rendered on top" |
111 text run at (0,100) width 320: "of the background and borders of a
djacent non-" | 111 text run at (0,100) width 320: "of the background and borders of a
djacent non-" |
112 text run at (0,120) width 320: "floated elements. To the left of t
his yellow box there" | 112 text run at (0,120) width 320: "floated elements. To the left of t
his yellow box there" |
113 text run at (0,140) width 320: "should be a short paragraph with a
blue background" | 113 text run at (0,140) width 320: "should be a short paragraph with a
blue background" |
114 text run at (0,160) width 320: "and a red border. The yellow box s
hould be" | 114 text run at (0,160) width 320: "and a red border. The yellow box s
hould be" |
115 text run at (0,180) width 320: "rendered on top of the bottom red
border. I.e., the" | 115 text run at (0,180) width 320: "rendered on top of the bottom red
border. I.e., the" |
116 text run at (0,200) width 320: "bottom red border will appear brok
en where it's" | 116 text run at (0,200) width 320: "bottom red border will appear brok
en where it's" |
117 text run at (0,220) width 194: "overlaid by the yellow rectangle." | 117 text run at (0,220) width 194: "overlaid by the yellow rectangle." |
118 RenderBlock {P} at (4,4) size 761x20 | 118 RenderBlock {P} at (4,4) size 761x20 |
119 RenderText {#text} at (0,0) size 255x19 | 119 RenderText {#text} at (0,0) size 255x19 |
120 text run at (0,0) width 255: "See description in the box on the righ
t side" | 120 text run at (0,0) width 255: "See description in the box on the righ
t side" |
121 RenderBlock (anonymous) at (0,876) size 769x246 | 121 RenderBlock (anonymous) at (0,876) size 769x246 |
122 RenderBR {BR} at (0,0) size 0x19 | 122 LayoutBR {BR} at (0,0) size 0x19 |
123 RenderBlock {HR} at (0,1130) size 769x2 [border: (1px inset #EEEEEE)] | 123 RenderBlock {HR} at (0,1130) size 769x2 [border: (1px inset #EEEEEE)] |
124 RenderBlock (floating) {DIV} at (0,1140) size 192.25x80 [bgcolor=#66CCFF] | 124 RenderBlock (floating) {DIV} at (0,1140) size 192.25x80 [bgcolor=#66CCFF] |
125 RenderBlock {P} at (0,0) size 192.25x80 | 125 RenderBlock {P} at (0,0) size 192.25x80 |
126 RenderText {#text} at (0,0) size 192x79 | 126 RenderText {#text} at (0,0) size 192x79 |
127 text run at (0,0) width 192: "This paragraph is inside a DIV" | 127 text run at (0,0) width 192: "This paragraph is inside a DIV" |
128 text run at (0,20) width 192: "which is floated left. Its" | 128 text run at (0,20) width 192: "which is floated left. Its" |
129 text run at (0,40) width 192: "background is blue and the" | 129 text run at (0,40) width 192: "background is blue and the" |
130 text run at (0,60) width 83: "width is 25%." | 130 text run at (0,60) width 83: "width is 25%." |
131 RenderBlock (floating) {DIV} at (576.75,1140) size 192.25x80 [bgcolor=#FFF
F00] | 131 RenderBlock (floating) {DIV} at (576.75,1140) size 192.25x80 [bgcolor=#FFF
F00] |
132 RenderBlock {P} at (0,0) size 192.25x80 | 132 RenderBlock {P} at (0,0) size 192.25x80 |
133 RenderText {#text} at (0,0) size 192x79 | 133 RenderText {#text} at (0,0) size 192x79 |
134 text run at (0,0) width 192: "This paragraph is inside a DIV" | 134 text run at (0,0) width 192: "This paragraph is inside a DIV" |
135 text run at (0,20) width 192: "which is floated right. Its" | 135 text run at (0,20) width 192: "which is floated right. Its" |
136 text run at (0,40) width 192: "background is yellow and the" | 136 text run at (0,40) width 192: "background is yellow and the" |
137 text run at (0,60) width 83: "width is 25%." | 137 text run at (0,60) width 83: "width is 25%." |
138 RenderBlock {P} at (0,1140) size 769x40 | 138 RenderBlock {P} at (0,1140) size 769x40 |
139 RenderText {#text} at (192,0) size 385x39 | 139 RenderText {#text} at (192,0) size 385x39 |
140 text run at (192,0) width 385: "This paragraph should appear between a
blue box (on the left)" | 140 text run at (192,0) width 385: "This paragraph should appear between a
blue box (on the left)" |
141 text run at (192,20) width 189: "and a yellow box (on the right)." | 141 text run at (192,20) width 189: "and a yellow box (on the right)." |
142 RenderBlock (anonymous) at (0,1180) size 769x40 | 142 RenderBlock (anonymous) at (0,1180) size 769x40 |
143 RenderBR {BR} at (192,0) size 1x19 | 143 LayoutBR {BR} at (192,0) size 1x19 |
144 RenderBlock {HR} at (0,1228) size 769x2 [border: (1px inset #EEEEEE)] | 144 RenderBlock {HR} at (0,1228) size 769x2 [border: (1px inset #EEEEEE)] |
145 RenderBlock (floating) {DIV} at (0,1238) size 576.75x120 [bgcolor=#66CCFF] | 145 RenderBlock (floating) {DIV} at (0,1238) size 576.75x120 [bgcolor=#66CCFF] |
146 RenderBlock (floating) {DIV} at (422.56,0) size 144.19x40 [bgcolor=#FFFF
00] | 146 RenderBlock (floating) {DIV} at (422.56,0) size 144.19x40 [bgcolor=#FFFF
00] |
147 RenderBlock {P} at (0,0) size 144.19x40 | 147 RenderBlock {P} at (0,0) size 144.19x40 |
148 RenderText {#text} at (0,0) size 144x39 | 148 RenderText {#text} at (0,0) size 144x39 |
149 text run at (0,0) width 144: "See description in the" | 149 text run at (0,0) width 144: "See description in the" |
150 text run at (0,20) width 118: "box on the left side." | 150 text run at (0,20) width 118: "box on the left side." |
151 RenderBlock {P} at (0,0) size 576.75x120 | 151 RenderBlock {P} at (0,0) size 576.75x120 |
152 RenderText {#text} at (0,0) size 576x119 | 152 RenderText {#text} at (0,0) size 576x119 |
153 text run at (0,0) width 350: "This paragraph is inside a DIV which i
s floated left. The " | 153 text run at (0,0) width 350: "This paragraph is inside a DIV which i
s floated left. The " |
154 text run at (350,0) width 72: "background" | 154 text run at (350,0) width 72: "background" |
155 text run at (0,20) width 321: "of the DIV element is blue and its wi
dth is 75%. This " | 155 text run at (0,20) width 321: "of the DIV element is blue and its wi
dth is 75%. This " |
156 text run at (321,20) width 101: "text should all be" | 156 text run at (321,20) width 101: "text should all be" |
157 text run at (0,40) width 249: "inside the blue rectangle. The blue D
IV " | 157 text run at (0,40) width 249: "inside the blue rectangle. The blue D
IV " |
158 text run at (249,40) width 327: "element has another DIV element as
a child. It has a" | 158 text run at (249,40) width 327: "element has another DIV element as
a child. It has a" |
159 text run at (0,60) width 45: "yellow " | 159 text run at (0,60) width 45: "yellow " |
160 text run at (45,60) width 367: "background color and is floated to t
he right. Since it is a " | 160 text run at (45,60) width 367: "background color and is floated to t
he right. Since it is a " |
161 text run at (412,60) width 164: "child of the blue DIV, the" | 161 text run at (412,60) width 164: "child of the blue DIV, the" |
162 text run at (0,80) width 236: "yellow DIV should appear inside the " | 162 text run at (0,80) width 236: "yellow DIV should appear inside the " |
163 text run at (236,80) width 340: "blue rectangle. Due to it being flo
ated to the right and" | 163 text run at (236,80) width 340: "blue rectangle. Due to it being flo
ated to the right and" |
164 text run at (0,100) width 42: "having " | 164 text run at (0,100) width 42: "having " |
165 text run at (42,100) width 394: "a 10px right margin, the yellow rec
tange should have a 10px blue " | 165 text run at (42,100) width 394: "a 10px right margin, the yellow rec
tange should have a 10px blue " |
166 text run at (436,100) width 131: "stripe on its right side." | 166 text run at (436,100) width 131: "stripe on its right side." |
167 RenderBlock (anonymous) at (0,1238) size 769x120 | 167 RenderBlock (anonymous) at (0,1238) size 769x120 |
168 RenderBR {BR} at (576,0) size 1x19 | 168 LayoutBR {BR} at (576,0) size 1x19 |
169 RenderBlock {HR} at (0,1366) size 769x2 [border: (1px inset #EEEEEE)] | 169 RenderBlock {HR} at (0,1366) size 769x2 [border: (1px inset #EEEEEE)] |
170 LayoutTable {TABLE} at (0,1376) size 769x1454 [border: (1px outset #808080
)] | 170 LayoutTable {TABLE} at (0,1376) size 769x1454 [border: (1px outset #808080
)] |
171 LayoutTableSection {TBODY} at (1,1) size 767x1452 | 171 LayoutTableSection {TBODY} at (1,1) size 767x1452 |
172 LayoutTableRow {TR} at (0,0) size 767x28 | 172 LayoutTableRow {TR} at (0,0) size 767x28 |
173 LayoutTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 173 LayoutTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
174 RenderInline {STRONG} at (0,0) size 159x19 | 174 RenderInline {STRONG} at (0,0) size 159x19 |
175 RenderText {#text} at (4,4) size 159x19 | 175 RenderText {#text} at (4,4) size 159x19 |
176 text run at (4,4) width 159: "TABLE Testing Section" | 176 text run at (4,4) width 159: "TABLE Testing Section" |
177 LayoutTableRow {TR} at (0,28) size 767x1424 | 177 LayoutTableRow {TR} at (0,28) size 767x1424 |
178 LayoutTableCell {TD} at (0,726) size 12x28 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 178 LayoutTableCell {TD} at (0,726) size 12x28 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
179 RenderText {#text} at (4,4) size 4x19 | 179 RenderText {#text} at (4,4) size 4x19 |
180 text run at (4,4) width 4: " " | 180 text run at (4,4) width 4: " " |
181 LayoutTableCell {TD} at (12,28) size 755x1424 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] | 181 LayoutTableCell {TD} at (12,28) size 755x1424 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] |
182 RenderBlock (floating) {P} at (4,4) size 373.50x40 [bgcolor=#FFFF0
0] | 182 RenderBlock (floating) {P} at (4,4) size 373.50x40 [bgcolor=#FFFF0
0] |
183 RenderText {#text} at (0,0) size 373x39 | 183 RenderText {#text} at (0,0) size 373x39 |
184 text run at (0,0) width 373: "This paragraph is of class \"one
\". It has a width of 50% and is" | 184 text run at (0,0) width 373: "This paragraph is of class \"one
\". It has a width of 50% and is" |
185 text run at (0,20) width 105: "floated to the left." | 185 text run at (0,20) width 105: "floated to the left." |
186 RenderBlock {P} at (4,4) size 747x80 | 186 RenderBlock {P} at (4,4) size 747x80 |
187 RenderText {#text} at (373,0) size 747x79 | 187 RenderText {#text} at (373,0) size 747x79 |
188 text run at (373,0) width 374: "This paragraph should start on
the right side of a yellow box" | 188 text run at (373,0) width 374: "This paragraph should start on
the right side of a yellow box" |
189 text run at (373,20) width 374: "which contains the previous p
aragraph. Since the text of this" | 189 text run at (373,20) width 374: "which contains the previous p
aragraph. Since the text of this" |
190 text run at (0,40) width 747: "element is much longer than the
text in the previous element, the text will wrap around the yellow box. There i
s no padding," | 190 text run at (0,40) width 747: "element is much longer than the
text in the previous element, the text will wrap around the yellow box. There i
s no padding," |
191 text run at (0,60) width 709: "border or margins on this and t
he previous element, so the text of the two elements should be very close to eac
h other." | 191 text run at (0,60) width 709: "border or margins on this and t
he previous element, so the text of the two elements should be very close to eac
h other." |
192 RenderBlock (anonymous) at (4,84) size 747x20 | 192 RenderBlock (anonymous) at (4,84) size 747x20 |
193 RenderBR {BR} at (0,0) size 0x19 | 193 LayoutBR {BR} at (0,0) size 0x19 |
194 RenderBlock {HR} at (4,112) size 747x2 [border: (1px inset #EEEEEE
)] | 194 RenderBlock {HR} at (4,112) size 747x2 [border: (1px inset #EEEEEE
)] |
195 RenderBlock (floating) {P} at (4,122) size 747x80 [bgcolor=#FFFF00
] | 195 RenderBlock (floating) {P} at (4,122) size 747x80 [bgcolor=#FFFF00
] |
196 RenderText {#text} at (0,0) size 747x79 | 196 RenderText {#text} at (0,0) size 747x79 |
197 text run at (0,0) width 747: "This paragraph is of class \"two
\". Since the width has been set to 100%, it should automatically be as wide as
its parent" | 197 text run at (0,0) width 747: "This paragraph is of class \"two
\". Since the width has been set to 100%, it should automatically be as wide as
its parent" |
198 text run at (0,20) width 747: "element allows it to be. Theref
ore, even though the element is floated, there is no room for other content on t
he sides and a" | 198 text run at (0,20) width 747: "element allows it to be. Theref
ore, even though the element is floated, there is no room for other content on t
he sides and a" |
199 text run at (0,40) width 747: "orange square image should be s
een AFTER the paragraph, not next to it. A yellow background has been added to t
his" | 199 text run at (0,40) width 747: "orange square image should be s
een AFTER the paragraph, not next to it. A yellow background has been added to t
his" |
200 text run at (0,60) width 209: "paragraph for diagnostic purpos
es." | 200 text run at (0,60) width 209: "paragraph for diagnostic purpos
es." |
201 RenderBlock (anonymous) at (4,122) size 747x100 | 201 RenderBlock (anonymous) at (4,122) size 747x100 |
202 LayoutImage {IMG} at (0,80) size 15x15 | 202 LayoutImage {IMG} at (0,80) size 15x15 |
203 RenderText {#text} at (15,80) size 4x19 | 203 RenderText {#text} at (15,80) size 4x19 |
204 text run at (15,80) width 4: " " | 204 text run at (15,80) width 4: " " |
205 RenderBR {BR} at (19,95) size 0x0 | 205 LayoutBR {BR} at (19,95) size 0x0 |
206 RenderBlock {HR} at (4,230) size 747x2 [border: (1px inset #EEEEEE
)] | 206 RenderBlock {HR} at (4,230) size 747x2 [border: (1px inset #EEEEEE
)] |
207 RenderBlock (floating) {P} at (4,240) size 373.50x120 [bgcolor=#FF
FF00] | 207 RenderBlock (floating) {P} at (4,240) size 373.50x120 [bgcolor=#FF
FF00] |
208 RenderText {#text} at (0,0) size 373x119 | 208 RenderText {#text} at (0,0) size 373x119 |
209 text run at (0,0) width 373: "This paragraph is floated to the
left and the orange square" | 209 text run at (0,0) width 373: "This paragraph is floated to the
left and the orange square" |
210 text run at (0,20) width 373: "image should appear to the righ
t of the paragraph. This" | 210 text run at (0,20) width 373: "image should appear to the righ
t of the paragraph. This" |
211 text run at (0,40) width 373: "paragraph has a yellow backgrou
nd and no padding, margin" | 211 text run at (0,40) width 373: "paragraph has a yellow backgrou
nd and no padding, margin" |
212 text run at (0,60) width 373: "or border. The right edge of th
is yellow box should be" | 212 text run at (0,60) width 373: "or border. The right edge of th
is yellow box should be" |
213 text run at (0,80) width 373: "horizontally aligned with the l
eft edge of the yellow box" | 213 text run at (0,80) width 373: "horizontally aligned with the l
eft edge of the yellow box" |
214 text run at (0,100) width 75: "undernearth." | 214 text run at (0,100) width 75: "undernearth." |
215 RenderBlock (anonymous) at (4,240) size 747x120 | 215 RenderBlock (anonymous) at (4,240) size 747x120 |
216 LayoutImage {IMG} at (373.50,0) size 15x15 | 216 LayoutImage {IMG} at (373.50,0) size 15x15 |
217 RenderText {#text} at (388,0) size 5x19 | 217 RenderText {#text} at (388,0) size 5x19 |
218 text run at (388,0) width 5: " " | 218 text run at (388,0) width 5: " " |
219 RenderBR {BR} at (392,15) size 1x0 | 219 LayoutBR {BR} at (392,15) size 1x0 |
220 RenderBlock {HR} at (4,368) size 747x2 [border: (1px inset #EEEEEE
)] | 220 RenderBlock {HR} at (4,368) size 747x2 [border: (1px inset #EEEEEE
)] |
221 RenderBlock (floating) {P} at (377.50,378) size 373.50x120 [bgcolo
r=#FFFF00] | 221 RenderBlock (floating) {P} at (377.50,378) size 373.50x120 [bgcolo
r=#FFFF00] |
222 RenderText {#text} at (0,0) size 373x119 | 222 RenderText {#text} at (0,0) size 373x119 |
223 text run at (0,0) width 373: "This paragraph is floated to the
right (using a STYLE" | 223 text run at (0,0) width 373: "This paragraph is floated to the
right (using a STYLE" |
224 text run at (0,20) width 373: "attribute) and the orange squar
e image should appear to the" | 224 text run at (0,20) width 373: "attribute) and the orange squar
e image should appear to the" |
225 text run at (0,40) width 373: "left of the paragraph. This par
agraph has a yellow background" | 225 text run at (0,40) width 373: "left of the paragraph. This par
agraph has a yellow background" |
226 text run at (0,60) width 373: "and no padding, margin or borde
r. The left edge of this yellow" | 226 text run at (0,60) width 373: "and no padding, margin or borde
r. The left edge of this yellow" |
227 text run at (0,80) width 373: "box should be horizonally align
ed with the right edge of the" | 227 text run at (0,80) width 373: "box should be horizonally align
ed with the right edge of the" |
228 text run at (0,100) width 111: "yellow box above." | 228 text run at (0,100) width 111: "yellow box above." |
229 RenderBlock (anonymous) at (4,378) size 747x120 | 229 RenderBlock (anonymous) at (4,378) size 747x120 |
230 LayoutImage {IMG} at (0,0) size 15x15 | 230 LayoutImage {IMG} at (0,0) size 15x15 |
231 RenderText {#text} at (15,0) size 4x19 | 231 RenderText {#text} at (15,0) size 4x19 |
232 text run at (15,0) width 4: " " | 232 text run at (15,0) width 4: " " |
233 RenderBR {BR} at (19,15) size 0x0 | 233 LayoutBR {BR} at (19,15) size 0x0 |
234 RenderBlock {HR} at (4,506) size 747x2 [border: (1px inset #EEEEEE
)] | 234 RenderBlock {HR} at (4,506) size 747x2 [border: (1px inset #EEEEEE
)] |
235 RenderBlock {P} at (4,516) size 747x60 | 235 RenderBlock {P} at (4,516) size 747x60 |
236 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0
C0] | 236 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0
C0] |
237 RenderText {#text} at (0,0) size 21x36 | 237 RenderText {#text} at (0,0) size 21x36 |
238 text run at (0,0) width 21: "T" | 238 text run at (0,0) width 21: "T" |
239 RenderText {#text} at (48,0) size 747x59 | 239 RenderText {#text} at (48,0) size 747x59 |
240 text run at (48,0) width 699: "he first letter (a \"T\") of th
is paragraph should float left and be twice the font-size of the rest of the par
agraph, as well" | 240 text run at (48,0) width 699: "he first letter (a \"T\") of th
is paragraph should float left and be twice the font-size of the rest of the par
agraph, as well" |
241 text run at (48,20) width 460: "as bold, with a content width
of 1.5em and a background-color of silver. " | 241 text run at (48,20) width 460: "as bold, with a content width
of 1.5em and a background-color of silver. " |
242 text run at (508,20) width 239: "The top of the big letter \"T
\" should be" | 242 text run at (508,20) width 239: "The top of the big letter \"T
\" should be" |
243 text run at (0,40) width 616: "vertically aligned with the top
of the first line of this paragraph. This is commonly known as \"drop-cap\"." | 243 text run at (0,40) width 616: "vertically aligned with the top
of the first line of this paragraph. This is commonly known as \"drop-cap\"." |
244 RenderBlock (anonymous) at (4,576) size 747x20 | 244 RenderBlock (anonymous) at (4,576) size 747x20 |
245 RenderBR {BR} at (0,0) size 0x19 | 245 LayoutBR {BR} at (0,0) size 0x19 |
246 RenderBlock {HR} at (4,604) size 747x2 [border: (1px inset #EEEEEE
)] | 246 RenderBlock {HR} at (4,604) size 747x2 [border: (1px inset #EEEEEE
)] |
247 RenderBlock (floating) {P} at (405,624) size 336x216 [bgcolor=#FFF
F00] [border: (3px solid #FF0000)] | 247 RenderBlock (floating) {P} at (405,624) size 336x216 [bgcolor=#FFF
F00] [border: (3px solid #FF0000)] |
248 RenderText {#text} at (8,8) size 320x199 | 248 RenderText {#text} at (8,8) size 320x199 |
249 text run at (8,8) width 320: "This paragraph should be floated
to the right, sort of" | 249 text run at (8,8) width 320: "This paragraph should be floated
to the right, sort of" |
250 text run at (8,28) width 320: "like a 'sidebar' in a magazine
article. Its width is" | 250 text run at (8,28) width 320: "like a 'sidebar' in a magazine
article. Its width is" |
251 text run at (8,48) width 320: "20em so the box should not be r
eformatted when the" | 251 text run at (8,48) width 320: "20em so the box should not be r
eformatted when the" |
252 text run at (8,68) width 320: "size of the viewport is changed
(e.g. when the" | 252 text run at (8,68) width 320: "size of the viewport is changed
(e.g. when the" |
253 text run at (8,88) width 320: "window is resized). The backgro
und color of the" | 253 text run at (8,88) width 320: "window is resized). The backgro
und color of the" |
254 text run at (8,108) width 320: "element is yellow, and there s
hould be a 3px solid" | 254 text run at (8,108) width 320: "element is yellow, and there s
hould be a 3px solid" |
255 text run at (8,128) width 320: "red border outside a 5px wide
padding. Also, the" | 255 text run at (8,128) width 320: "red border outside a 5px wide
padding. Also, the" |
(...skipping 11 matching lines...) Expand all Loading... |
267 text run at (0,80) width 391: "may or may not be obscured by t
he blue background of this" | 267 text run at (0,80) width 391: "may or may not be obscured by t
he blue background of this" |
268 text run at (0,100) width 391: "element, as the specification
does not say which is drawn \"on" | 268 text run at (0,100) width 391: "element, as the specification
does not say which is drawn \"on" |
269 text run at (0,120) width 35: "top.\" " | 269 text run at (0,120) width 35: "top.\" " |
270 text run at (35,120) width 356: "Even if the floated element i
s obscured, it still forces the" | 270 text run at (35,120) width 356: "Even if the floated element i
s obscured, it still forces the" |
271 text run at (0,140) width 249: "content of this element to flo
w around it. " | 271 text run at (0,140) width 249: "content of this element to flo
w around it. " |
272 text run at (249,140) width 142: "If the floated element is" | 272 text run at (249,140) width 142: "If the floated element is" |
273 text run at (0,160) width 391: "not obscured, then the blue re
ctangle of this paragraph should" | 273 text run at (0,160) width 391: "not obscured, then the blue re
ctangle of this paragraph should" |
274 text run at (0,180) width 391: "extend 10px above and to the r
ight of the sidebar's red border," | 274 text run at (0,180) width 391: "extend 10px above and to the r
ight of the sidebar's red border," |
275 text run at (0,200) width 304: "due to the margin styles set f
or the floated element." | 275 text run at (0,200) width 304: "due to the margin styles set f
or the floated element." |
276 RenderBlock (anonymous) at (4,834) size 747x20 | 276 RenderBlock (anonymous) at (4,834) size 747x20 |
277 RenderBR {BR} at (0,0) size 0x19 | 277 LayoutBR {BR} at (0,0) size 0x19 |
278 RenderBlock {HR} at (4,862) size 747x2 [border: (1px inset #EEEEEE
)] | 278 RenderBlock {HR} at (4,862) size 747x2 [border: (1px inset #EEEEEE
)] |
279 RenderBlock {DIV} at (4,872) size 747x28 [bgcolor=#66CCFF] [border
: (4px solid #FF0000)] | 279 RenderBlock {DIV} at (4,872) size 747x28 [bgcolor=#66CCFF] [border
: (4px solid #FF0000)] |
280 RenderBlock (floating) {DIV} at (403,14) size 330x250 [bgcolor=#
FFFF00] | 280 RenderBlock (floating) {DIV} at (403,14) size 330x250 [bgcolor=#
FFFF00] |
281 RenderBlock {P} at (5,5) size 320x240 | 281 RenderBlock {P} at (5,5) size 320x240 |
282 RenderText {#text} at (0,0) size 320x239 | 282 RenderText {#text} at (0,0) size 320x239 |
283 text run at (0,0) width 320: "This paragraph is placed ins
ide a DIV element which" | 283 text run at (0,0) width 320: "This paragraph is placed ins
ide a DIV element which" |
284 text run at (0,20) width 320: "is floated to the right. Th
e width of the DIV element" | 284 text run at (0,20) width 320: "is floated to the right. Th
e width of the DIV element" |
285 text run at (0,40) width 320: "is 20em. The background is
yellow and there is a" | 285 text run at (0,40) width 320: "is 20em. The background is
yellow and there is a" |
286 text run at (0,60) width 320: "5px padding, a 10px margin
and no border. Since it" | 286 text run at (0,60) width 320: "5px padding, a 10px margin
and no border. Since it" |
287 text run at (0,80) width 320: "is floated, the yellow box
should be rendered on top" | 287 text run at (0,80) width 320: "is floated, the yellow box
should be rendered on top" |
288 text run at (0,100) width 320: "of the background and bord
ers of adjacent non-" | 288 text run at (0,100) width 320: "of the background and bord
ers of adjacent non-" |
289 text run at (0,120) width 320: "floated elements. To the l
eft of this yellow box there" | 289 text run at (0,120) width 320: "floated elements. To the l
eft of this yellow box there" |
290 text run at (0,140) width 320: "should be a short paragrap
h with a blue background" | 290 text run at (0,140) width 320: "should be a short paragrap
h with a blue background" |
291 text run at (0,160) width 320: "and a red border. The yell
ow box should be" | 291 text run at (0,160) width 320: "and a red border. The yell
ow box should be" |
292 text run at (0,180) width 320: "rendered on top of the bot
tom red border. I.e., the" | 292 text run at (0,180) width 320: "rendered on top of the bot
tom red border. I.e., the" |
293 text run at (0,200) width 320: "bottom red border will app
ear broken where it's" | 293 text run at (0,200) width 320: "bottom red border will app
ear broken where it's" |
294 text run at (0,220) width 194: "overlaid by the yellow rec
tangle." | 294 text run at (0,220) width 194: "overlaid by the yellow rec
tangle." |
295 RenderBlock {P} at (4,4) size 739x20 | 295 RenderBlock {P} at (4,4) size 739x20 |
296 RenderText {#text} at (0,0) size 255x19 | 296 RenderText {#text} at (0,0) size 255x19 |
297 text run at (0,0) width 255: "See description in the box on
the right side" | 297 text run at (0,0) width 255: "See description in the box on
the right side" |
298 RenderBlock (anonymous) at (4,900) size 747x246 | 298 RenderBlock (anonymous) at (4,900) size 747x246 |
299 RenderBR {BR} at (0,0) size 0x19 | 299 LayoutBR {BR} at (0,0) size 0x19 |
300 RenderBlock {HR} at (4,1154) size 747x2 [border: (1px inset #EEEEE
E)] | 300 RenderBlock {HR} at (4,1154) size 747x2 [border: (1px inset #EEEEE
E)] |
301 RenderBlock (floating) {DIV} at (4,1164) size 186.75x80 [bgcolor=#
66CCFF] | 301 RenderBlock (floating) {DIV} at (4,1164) size 186.75x80 [bgcolor=#
66CCFF] |
302 RenderBlock {P} at (0,0) size 186.75x80 | 302 RenderBlock {P} at (0,0) size 186.75x80 |
303 RenderText {#text} at (0,0) size 186x79 | 303 RenderText {#text} at (0,0) size 186x79 |
304 text run at (0,0) width 186: "This paragraph is inside a DIV
" | 304 text run at (0,0) width 186: "This paragraph is inside a DIV
" |
305 text run at (0,20) width 186: "which is floated left. Its" | 305 text run at (0,20) width 186: "which is floated left. Its" |
306 text run at (0,40) width 186: "background is blue and the" | 306 text run at (0,40) width 186: "background is blue and the" |
307 text run at (0,60) width 83: "width is 25%." | 307 text run at (0,60) width 83: "width is 25%." |
308 RenderBlock (floating) {DIV} at (564.25,1164) size 186.75x80 [bgco
lor=#FFFF00] | 308 RenderBlock (floating) {DIV} at (564.25,1164) size 186.75x80 [bgco
lor=#FFFF00] |
309 RenderBlock {P} at (0,0) size 186.75x80 | 309 RenderBlock {P} at (0,0) size 186.75x80 |
310 RenderText {#text} at (0,0) size 186x79 | 310 RenderText {#text} at (0,0) size 186x79 |
311 text run at (0,0) width 186: "This paragraph is inside a DIV
" | 311 text run at (0,0) width 186: "This paragraph is inside a DIV
" |
312 text run at (0,20) width 186: "which is floated right. Its" | 312 text run at (0,20) width 186: "which is floated right. Its" |
313 text run at (0,40) width 186: "background is yellow and the" | 313 text run at (0,40) width 186: "background is yellow and the" |
314 text run at (0,60) width 83: "width is 25%." | 314 text run at (0,60) width 83: "width is 25%." |
315 RenderBlock {P} at (4,1164) size 747x40 | 315 RenderBlock {P} at (4,1164) size 747x40 |
316 RenderText {#text} at (186,0) size 374x39 | 316 RenderText {#text} at (186,0) size 374x39 |
317 text run at (186,0) width 374: "This paragraph should appear b
etween a blue box (on the" | 317 text run at (186,0) width 374: "This paragraph should appear b
etween a blue box (on the" |
318 text run at (186,20) width 28: "left) " | 318 text run at (186,20) width 28: "left) " |
319 text run at (213,20) width 189: "and a yellow box (on the righ
t)." | 319 text run at (213,20) width 189: "and a yellow box (on the righ
t)." |
320 RenderBlock (anonymous) at (4,1204) size 747x40 | 320 RenderBlock (anonymous) at (4,1204) size 747x40 |
321 RenderBR {BR} at (186,0) size 1x19 | 321 LayoutBR {BR} at (186,0) size 1x19 |
322 RenderBlock {HR} at (4,1252) size 747x2 [border: (1px inset #EEEEE
E)] | 322 RenderBlock {HR} at (4,1252) size 747x2 [border: (1px inset #EEEEE
E)] |
323 RenderBlock (floating) {DIV} at (4,1262) size 560.25x140 [bgcolor=
#66CCFF] | 323 RenderBlock (floating) {DIV} at (4,1262) size 560.25x140 [bgcolor=
#66CCFF] |
324 RenderBlock (floating) {DIV} at (410.19,0) size 140.06x40 [bgcol
or=#FFFF00] | 324 RenderBlock (floating) {DIV} at (410.19,0) size 140.06x40 [bgcol
or=#FFFF00] |
325 RenderBlock {P} at (0,0) size 140.06x40 | 325 RenderBlock {P} at (0,0) size 140.06x40 |
326 RenderText {#text} at (0,0) size 140x39 | 326 RenderText {#text} at (0,0) size 140x39 |
327 text run at (0,0) width 140: "See description in the" | 327 text run at (0,0) width 140: "See description in the" |
328 text run at (0,20) width 118: "box on the left side." | 328 text run at (0,20) width 118: "box on the left side." |
329 RenderBlock {P} at (0,0) size 560.25x140 | 329 RenderBlock {P} at (0,0) size 560.25x140 |
330 RenderText {#text} at (0,0) size 560x139 | 330 RenderText {#text} at (0,0) size 560x139 |
331 text run at (0,0) width 338: "This paragraph is inside a DIV
which is floated left. The " | 331 text run at (0,0) width 338: "This paragraph is inside a DIV
which is floated left. The " |
332 text run at (338,0) width 72: "background" | 332 text run at (338,0) width 72: "background" |
333 text run at (0,20) width 327: "of the DIV element is blue an
d its width is 75%. This " | 333 text run at (0,20) width 327: "of the DIV element is blue an
d its width is 75%. This " |
334 text run at (327,20) width 83: "text should all" | 334 text run at (327,20) width 83: "text should all" |
335 text run at (0,40) width 258: "be inside the blue rectangle.
The blue DIV " | 335 text run at (0,40) width 258: "be inside the blue rectangle.
The blue DIV " |
336 text run at (258,40) width 302: "element has another DIV ele
ment as a child. It has" | 336 text run at (258,40) width 302: "element has another DIV ele
ment as a child. It has" |
337 text run at (0,60) width 55: "a yellow " | 337 text run at (0,60) width 55: "a yellow " |
338 text run at (55,60) width 349: "background color and is floa
ted to the right. Since it is a " | 338 text run at (55,60) width 349: "background color and is floa
ted to the right. Since it is a " |
339 text run at (404,60) width 156: "child of the blue DIV, the" | 339 text run at (404,60) width 156: "child of the blue DIV, the" |
340 text run at (0,80) width 230: "yellow DIV should appear insi
de the " | 340 text run at (0,80) width 230: "yellow DIV should appear insi
de the " |
341 text run at (230,80) width 330: "blue rectangle. Due to it b
eing floated to the right and" | 341 text run at (230,80) width 330: "blue rectangle. Due to it b
eing floated to the right and" |
342 text run at (0,100) width 43: "having " | 342 text run at (0,100) width 43: "having " |
343 text run at (43,100) width 413: "a 10px right margin, the ye
llow rectange should have a 10px blue " | 343 text run at (43,100) width 413: "a 10px right margin, the ye
llow rectange should have a 10px blue " |
344 text run at (456,100) width 104: "stripe on its right" | 344 text run at (456,100) width 104: "stripe on its right" |
345 text run at (0,120) width 28: "side." | 345 text run at (0,120) width 28: "side." |
346 RenderBlock (anonymous) at (4,1262) size 747x140 | 346 RenderBlock (anonymous) at (4,1262) size 747x140 |
347 RenderBR {BR} at (560,0) size 1x19 | 347 LayoutBR {BR} at (560,0) size 1x19 |
348 RenderBlock {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEE
E)] | 348 RenderBlock {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEE
E)] |
OLD | NEW |