| layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2946 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 785x2946 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 |
| LayoutBlockFlow {HTML} at (0,0) size 785x2946 |
| LayoutBlockFlow {BODY} at (8,8) size 769x2930 [bgcolor=#CCCCCC] |
| LayoutBlockFlow (floating) {P} at (0,0) size 384.50x40 [bgcolor=#FFFF00] |
| LayoutText {#text} at (0,0) size 384x39 |
| text run at (0,0) width 384: "This paragraph is of class \"one\". It has a width of 50% and" |
| text run at (0,20) width 124: "is floated to the left." |
| LayoutBlockFlow {P} at (0,0) size 769x100 |
| LayoutText {#text} at (384,0) size 769x99 |
| text run at (384,0) width 385: "This paragraph should start on the right side of a yellow box" |
| text run at (384,20) width 385: "which contains the previous paragraph. Since the text of this" |
| 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" |
| text run at (0,60) width 769: "padding, border or margins on this and the previous element, so the text of the two elements should be very close to each" |
| text run at (0,80) width 35: "other." |
| LayoutBlockFlow (anonymous) at (0,100) size 769x20 |
| LayoutBR {BR} at (0,0) size 0x19 |
| LayoutBlockFlow (anonymous) at (0,138) size 769x100 |
| LayoutBlockFlow (floating) {P} at (0,0) size 769x80 [bgcolor=#FFFF00] |
| LayoutText {#text} at (0,0) size 769x79 |
| text run at (0,0) width 769: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent" |
| text run at (0,20) width 769: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and a" |
| text run at (0,40) width 769: "orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this" |
| text run at (0,60) width 217: "paragraph for diagnostic purposes." |
| LayoutImage {IMG} at (0,80) size 15x15 |
| LayoutText {#text} at (15,80) size 4x19 |
| text run at (15,80) width 4: " " |
| LayoutBR {BR} at (19,95) size 0x0 |
| LayoutBlockFlow (anonymous) at (0,256) size 769x120 |
| LayoutBlockFlow (floating) {P} at (0,0) size 384.50x120 [bgcolor=#FFFF00] |
| LayoutText {#text} at (0,0) size 384x119 |
| text run at (0,0) width 384: "This paragraph is floated to the left and the orange square" |
| text run at (0,20) width 384: "image should appear to the right of the paragraph. This" |
| text run at (0,40) width 384: "paragraph has a yellow background and no padding, margin" |
| text run at (0,60) width 384: "or border. The right edge of this yellow box should be" |
| text run at (0,80) width 384: "horizontally aligned with the left edge of the yellow box" |
| text run at (0,100) width 79: "undernearth." |
| LayoutImage {IMG} at (384.50,0) size 15x15 |
| LayoutText {#text} at (399,0) size 5x19 |
| text run at (399,0) width 5: " " |
| LayoutBR {BR} at (403,15) size 1x0 |
| LayoutBlockFlow (anonymous) at (0,394) size 769x120 |
| LayoutBlockFlow (floating) {P} at (384.50,0) size 384.50x120 [bgcolor=#FFFF00] |
| LayoutText {#text} at (0,0) size 384x119 |
| text run at (0,0) width 384: "This paragraph is floated to the right (using a STYLE" |
| text run at (0,20) width 384: "attribute) and the orange square image should appear to the" |
| text run at (0,40) width 384: "left of the paragraph. This paragraph has a yellow" |
| text run at (0,60) width 384: "background and no padding, margin or border. The left edge" |
| text run at (0,80) width 384: "of this yellow box should be horizonally aligned with the" |
| text run at (0,100) width 224: "right edge of the yellow box above." |
| LayoutImage {IMG} at (0,0) size 15x15 |
| LayoutText {#text} at (15,0) size 4x19 |
| text run at (15,0) width 4: " " |
| LayoutBR {BR} at (19,15) size 0x0 |
| LayoutBlockFlow {P} at (0,532) size 769x60 |
| LayoutBlockFlow (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0] |
| LayoutText {#text} at (0,0) size 21x36 |
| text run at (0,0) width 21: "T" |
| LayoutText {#text} at (48,0) size 769x59 |
| text run at (48,0) width 721: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as" |
| text run at (48,20) width 495: "well as bold, with a content width of 1.5em and a background-color of silver. " |
| text run at (543,20) width 226: "The top of the big letter \"T\" should" |
| text run at (0,40) width 675: "be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"." |
| LayoutBlockFlow (anonymous) at (0,592) size 769x20 |
| LayoutBR {BR} at (0,0) size 0x19 |
| LayoutBlockFlow (floating) {P} at (423,640) size 336x216 [bgcolor=#FFFF00] [border: (3px solid #FF0000)] |
| LayoutText {#text} at (8,8) size 320x199 |
| text run at (8,8) width 320: "This paragraph should be floated to the right, sort" |
| text run at (8,28) width 320: "of like a 'sidebar' in a magazine article. Its width is" |
| text run at (8,48) width 320: "20em so the box should not be reformatted when" |
| text run at (8,68) width 320: "the size of the viewport is changed (e.g. when the" |
| text run at (8,88) width 320: "window is resized). The background color of the" |
| text run at (8,108) width 320: "element is yellow, and there should be a 3px solid" |
| text run at (8,128) width 320: "red border outside a 5px wide padding. Also, the" |
| text run at (8,148) width 320: "element has a 10px wide margin around it where" |
| text run at (8,168) width 320: "the blue background of the paragraph in the" |
| text run at (8,188) width 217: "normal flow should shine through." |
| LayoutBlockFlow {P} at (0,630) size 769x220 [bgcolor=#66CCFF] |
| LayoutText {#text} at (0,0) size 413x219 |
| text run at (0,0) width 413: "This paragraph is not floating. If there is enough room, the textual" |
| text run at (0,20) width 413: "content of the paragraph should appear on the left side of the" |
| text run at (0,40) width 193: "yellow \"sidebar\" on the right. " |
| text run at (193,40) width 220: "The content of this element should" |
| text run at (0,60) width 220: "flow around the floated element. " |
| text run at (220,60) width 193: "However, the floated element" |
| text run at (0,80) width 413: "may or may not be obscured by the blue background of this" |
| text run at (0,100) width 413: "element, as the specification does not say which is drawn \"on" |
| text run at (0,120) width 37: "top.\" " |
| text run at (37,120) width 376: "Even if the floated element is obscured, it still forces the" |
| text run at (0,140) width 263: "content of this element to flow around it. " |
| text run at (263,140) width 150: "If the floated element is" |
| text run at (0,160) width 413: "not obscured, then the blue rectangle of this paragraph should" |
| text run at (0,180) width 413: "extend 10px above and to the right of the sidebar's red border," |
| text run at (0,200) width 319: "due to the margin styles set for the floated element." |
| LayoutBlockFlow (anonymous) at (0,850) size 769x20 |
| LayoutBR {BR} at (0,0) size 0x19 |
| LayoutBlockFlow {DIV} at (0,888) size 769x28 [bgcolor=#66CCFF] [border: (4px solid #FF0000)] |
| LayoutBlockFlow (floating) {DIV} at (425,14) size 330x250 [bgcolor=#FFFF00] |
| LayoutBlockFlow {P} at (5,5) size 320x240 |
| LayoutText {#text} at (0,0) size 320x239 |
| text run at (0,0) width 320: "This paragraph is placed inside a DIV element" |
| text run at (0,20) width 320: "which is floated to the right. The width of the DIV" |
| text run at (0,40) width 320: "element is 20em. The background is yellow and" |
| text run at (0,60) width 320: "there is a 5px padding, a 10px margin and no" |
| text run at (0,80) width 320: "border. Since it is floated, the yellow box should" |
| text run at (0,100) width 320: "be rendered on top of the background and borders" |
| text run at (0,120) width 320: "of adjacent non-floated elements. To the left of this" |
| text run at (0,140) width 320: "yellow box there should be a short paragraph with" |
| text run at (0,160) width 320: "a blue background and a red border. The yellow" |
| text run at (0,180) width 320: "box should be rendered on top of the bottom red" |
| text run at (0,200) width 320: "border. I.e., the bottom red border will appear" |
| text run at (0,220) width 318: "broken where it's overlaid by the yellow rectangle." |
| LayoutBlockFlow {P} at (4,4) size 761x20 |
| LayoutText {#text} at (0,0) size 268x19 |
| text run at (0,0) width 268: "See description in the box on the right side" |
| LayoutBlockFlow (anonymous) at (0,916) size 769x246 |
| LayoutBR {BR} at (0,0) size 0x19 |
| LayoutBlockFlow (floating) {DIV} at (0,1180) size 192.25x80 [bgcolor=#66CCFF] |
| LayoutBlockFlow {P} at (0,0) size 192.25x80 |
| LayoutText {#text} at (0,0) size 192x79 |
| text run at (0,0) width 192: "This paragraph is inside a" |
| text run at (0,20) width 192: "DIV which is floated left. Its" |
| text run at (0,40) width 192: "background is blue and the" |
| text run at (0,60) width 87: "width is 25%." |
| LayoutBlockFlow (floating) {DIV} at (576.75,1180) size 192.25x80 [bgcolor=#FFFF00] |
| LayoutBlockFlow {P} at (0,0) size 192.25x80 |
| LayoutText {#text} at (0,0) size 192x79 |
| text run at (0,0) width 192: "This paragraph is inside a" |
| text run at (0,20) width 192: "DIV which is floated right. Its" |
| text run at (0,40) width 192: "background is yellow and the" |
| text run at (0,60) width 87: "width is 25%." |
| LayoutBlockFlow {P} at (0,1180) size 769x40 |
| LayoutText {#text} at (192,0) size 385x39 |
| text run at (192,0) width 385: "This paragraph should appear between a blue box (on the" |
| text run at (192,20) width 30: "left) " |
| text run at (221,20) width 200: "and a yellow box (on the right)." |
| LayoutBlockFlow (anonymous) at (0,1220) size 769x40 |
| LayoutBR {BR} at (192,0) size 1x19 |
| LayoutBlockFlow (anonymous) at (0,1278) size 769x140 |
| LayoutBlockFlow (floating) {DIV} at (0,0) size 576.75x140 [bgcolor=#66CCFF] |
| LayoutBlockFlow (floating) {DIV} at (422.56,0) size 144.19x40 [bgcolor=#FFFF00] |
| LayoutBlockFlow {P} at (0,0) size 144.19x40 |
| LayoutText {#text} at (0,0) size 144x39 |
| text run at (0,0) width 144: "See description in the" |
| text run at (0,20) width 124: "box on the left side." |
| LayoutBlockFlow {P} at (0,0) size 576.75x140 |
| LayoutText {#text} at (0,0) size 576x139 |
| text run at (0,0) width 422: "This paragraph is inside a DIV which is floated left. The" |
| text run at (0,20) width 422: "background of the DIV element is blue and its width is 75%. This" |
| text run at (0,40) width 365: "text should all be inside the blue rectangle. The blue DIV " |
| text run at (365,40) width 211: "element has another DIV element" |
| text run at (0,60) width 166: "as a child. It has a yellow " |
| text run at (166,60) width 362: "background color and is floated to the right. Since it is a " |
| text run at (528,60) width 48: "child of" |
| text run at (0,80) width 373: "the blue DIV, the yellow DIV should appear inside the " |
| text run at (373,80) width 203: "blue rectangle. Due to it being" |
| text run at (0,100) width 193: "floated to the right and having " |
| text run at (193,100) width 383: "a 10px right margin, the yellow rectange should have a 10px" |
| text run at (0,120) width 31: "blue " |
| text run at (31,120) width 138: "stripe on its right side." |
| LayoutBR {BR} at (576,0) size 1x19 |
| LayoutTable {TABLE} at (0,1436) size 769x1494 [border: (1px outset #808080)] |
| LayoutTableSection {TBODY} at (1,1) size 767x1492 |
| LayoutTableRow {TR} at (0,0) size 767x28 |
| LayoutTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| LayoutInline {STRONG} at (0,0) size 161x19 |
| LayoutText {#text} at (4,4) size 161x19 |
| text run at (4,4) width 161: "TABLE Testing Section" |
| LayoutTableRow {TR} at (0,28) size 767x1464 |
| LayoutTableCell {TD} at (0,746) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| LayoutText {#text} at (4,4) size 4x19 |
| text run at (4,4) width 4: " " |
| LayoutTableCell {TD} at (12,28) size 755x1464 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| LayoutBlockFlow (floating) {P} at (4,4) size 373.50x40 [bgcolor=#FFFF00] |
| LayoutText {#text} at (0,0) size 373x39 |
| text run at (0,0) width 373: "This paragraph is of class \"one\". It has a width of 50% and" |
| text run at (0,20) width 124: "is floated to the left." |
| LayoutBlockFlow {P} at (4,4) size 747x100 |
| LayoutText {#text} at (373,0) size 747x99 |
| text run at (373,0) width 374: "This paragraph should start on the right side of a yellow" |
| text run at (373,20) width 374: "box which contains the previous paragraph. Since the text" |
| text run at (0,40) width 747: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There is" |
| text run at (0,60) width 747: "no padding, border or margins on this and the previous element, so the text of the two elements should be very close to" |
| text run at (0,80) width 68: "each other." |
| LayoutBlockFlow (anonymous) at (4,104) size 747x20 |
| LayoutBR {BR} at (0,0) size 0x19 |
| LayoutBlockFlow (anonymous) at (4,142) size 747x100 |
| LayoutBlockFlow (floating) {P} at (0,0) size 747x80 [bgcolor=#FFFF00] |
| LayoutText {#text} at (0,0) size 747x79 |
| 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" |
| text run at (0,20) width 747: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides" |
| text run at (0,40) width 747: "and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added" |
| text run at (0,60) width 259: "to this paragraph for diagnostic purposes." |
| LayoutImage {IMG} at (0,80) size 15x15 |
| LayoutText {#text} at (15,80) size 4x19 |
| text run at (15,80) width 4: " " |
| LayoutBR {BR} at (19,95) size 0x0 |
| LayoutBlockFlow (anonymous) at (4,260) size 747x120 |
| LayoutBlockFlow (floating) {P} at (0,0) size 373.50x120 [bgcolor=#FFFF00] |
| LayoutText {#text} at (0,0) size 373x119 |
| text run at (0,0) width 373: "This paragraph is floated to the left and the orange square" |
| text run at (0,20) width 373: "image should appear to the right of the paragraph. This" |
| text run at (0,40) width 373: "paragraph has a yellow background and no padding," |
| text run at (0,60) width 373: "margin or border. The right edge of this yellow box should" |
| text run at (0,80) width 373: "be horizontally aligned with the left edge of the yellow box" |
| text run at (0,100) width 79: "undernearth." |
| LayoutImage {IMG} at (373.50,0) size 15x15 |
| LayoutText {#text} at (388,0) size 5x19 |
| text run at (388,0) width 5: " " |
| LayoutBR {BR} at (392,15) size 1x0 |
| LayoutBlockFlow (anonymous) at (4,398) size 747x120 |
| LayoutBlockFlow (floating) {P} at (373.50,0) size 373.50x120 [bgcolor=#FFFF00] |
| LayoutText {#text} at (0,0) size 373x119 |
| text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE" |
| text run at (0,20) width 373: "attribute) and the orange square image should appear to the" |
| text run at (0,40) width 373: "left of the paragraph. This paragraph has a yellow" |
| text run at (0,60) width 373: "background and no padding, margin or border. The left" |
| text run at (0,80) width 373: "edge of this yellow box should be horizonally aligned with" |
| text run at (0,100) width 247: "the right edge of the yellow box above." |
| LayoutImage {IMG} at (0,0) size 15x15 |
| LayoutText {#text} at (15,0) size 4x19 |
| text run at (15,0) width 4: " " |
| LayoutBR {BR} at (19,15) size 0x0 |
| LayoutBlockFlow {P} at (4,536) size 747x60 |
| LayoutBlockFlow (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0] |
| LayoutText {#text} at (0,0) size 21x36 |
| text run at (0,0) width 21: "T" |
| LayoutText {#text} at (48,0) size 747x59 |
| text run at (48,0) width 699: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as" |
| text run at (48,20) width 512: "well as bold, with a content width of 1.5em and a background-color of silver. " |
| text run at (560,20) width 187: "The top of the big letter \"T\"" |
| text run at (0,40) width 721: "should be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"." |
| LayoutBlockFlow (anonymous) at (4,596) size 747x20 |
| LayoutBR {BR} at (0,0) size 0x19 |
| LayoutBlockFlow (floating) {P} at (405,644) size 336x216 [bgcolor=#FFFF00] [border: (3px solid #FF0000)] |
| LayoutText {#text} at (8,8) size 320x199 |
| text run at (8,8) width 320: "This paragraph should be floated to the right, sort" |
| text run at (8,28) width 320: "of like a 'sidebar' in a magazine article. Its width is" |
| text run at (8,48) width 320: "20em so the box should not be reformatted when" |
| text run at (8,68) width 320: "the size of the viewport is changed (e.g. when the" |
| text run at (8,88) width 320: "window is resized). The background color of the" |
| text run at (8,108) width 320: "element is yellow, and there should be a 3px solid" |
| text run at (8,128) width 320: "red border outside a 5px wide padding. Also, the" |
| text run at (8,148) width 320: "element has a 10px wide margin around it where" |
| text run at (8,168) width 320: "the blue background of the paragraph in the" |
| text run at (8,188) width 217: "normal flow should shine through." |
| LayoutBlockFlow {P} at (4,634) size 747x240 [bgcolor=#66CCFF] |
| LayoutText {#text} at (0,0) size 391x239 |
| text run at (0,0) width 391: "This paragraph is not floating. If there is enough room, the" |
| text run at (0,20) width 391: "textual content of the paragraph should appear on the left side" |
| text run at (0,40) width 260: "of the yellow \"sidebar\" on the right. " |
| text run at (260,40) width 131: "The content of this" |
| text run at (0,60) width 329: "element should flow around the floated element. " |
| text run at (329,60) width 62: "However," |
| text run at (0,80) width 391: "the floated element may or may not be obscured by the blue" |
| text run at (0,100) width 391: "background of this element, as the specification does not say" |
| text run at (0,120) width 185: "which is drawn \"on top.\" " |
| text run at (185,120) width 206: "Even if the floated element is" |
| text run at (0,140) width 391: "obscured, it still forces the content of this element to flow" |
| text run at (0,160) width 65: "around it. " |
| text run at (65,160) width 326: "If the floated element is not obscured, then the blue" |
| text run at (0,180) width 391: "rectangle of this paragraph should extend 10px above and to" |
| text run at (0,200) width 391: "the right of the sidebar's red border, due to the margin styles" |
| text run at (0,220) width 166: "set for the floated element." |
| LayoutBlockFlow (anonymous) at (4,874) size 747x20 |
| LayoutBR {BR} at (0,0) size 0x19 |
| LayoutBlockFlow {DIV} at (4,912) size 747x28 [bgcolor=#66CCFF] [border: (4px solid #FF0000)] |
| LayoutBlockFlow (floating) {DIV} at (403,14) size 330x250 [bgcolor=#FFFF00] |
| LayoutBlockFlow {P} at (5,5) size 320x240 |
| LayoutText {#text} at (0,0) size 320x239 |
| text run at (0,0) width 320: "This paragraph is placed inside a DIV element" |
| text run at (0,20) width 320: "which is floated to the right. The width of the DIV" |
| text run at (0,40) width 320: "element is 20em. The background is yellow and" |
| text run at (0,60) width 320: "there is a 5px padding, a 10px margin and no" |
| text run at (0,80) width 320: "border. Since it is floated, the yellow box should" |
| text run at (0,100) width 320: "be rendered on top of the background and borders" |
| text run at (0,120) width 320: "of adjacent non-floated elements. To the left of this" |
| text run at (0,140) width 320: "yellow box there should be a short paragraph with" |
| text run at (0,160) width 320: "a blue background and a red border. The yellow" |
| text run at (0,180) width 320: "box should be rendered on top of the bottom red" |
| text run at (0,200) width 320: "border. I.e., the bottom red border will appear" |
| text run at (0,220) width 318: "broken where it's overlaid by the yellow rectangle." |
| LayoutBlockFlow {P} at (4,4) size 739x20 |
| LayoutText {#text} at (0,0) size 268x19 |
| text run at (0,0) width 268: "See description in the box on the right side" |
| LayoutBlockFlow (anonymous) at (4,940) size 747x246 |
| LayoutBR {BR} at (0,0) size 0x19 |
| LayoutBlockFlow (floating) {DIV} at (4,1204) size 186.75x80 [bgcolor=#66CCFF] |
| LayoutBlockFlow {P} at (0,0) size 186.75x80 |
| LayoutText {#text} at (0,0) size 186x79 |
| text run at (0,0) width 186: "This paragraph is inside a" |
| text run at (0,20) width 186: "DIV which is floated left. Its" |
| text run at (0,40) width 186: "background is blue and the" |
| text run at (0,60) width 87: "width is 25%." |
| LayoutBlockFlow (floating) {DIV} at (564.25,1204) size 186.75x80 [bgcolor=#FFFF00] |
| LayoutBlockFlow {P} at (0,0) size 186.75x80 |
| LayoutText {#text} at (0,0) size 186x79 |
| text run at (0,0) width 186: "This paragraph is inside a" |
| text run at (0,20) width 186: "DIV which is floated right." |
| text run at (0,40) width 20: "Its " |
| text run at (20,40) width 166: "background is yellow and" |
| text run at (0,60) width 110: "the width is 25%." |
| LayoutBlockFlow {P} at (4,1204) size 747x40 |
| LayoutText {#text} at (186,0) size 374x39 |
| text run at (186,0) width 374: "This paragraph should appear between a blue box (on the" |
| text run at (186,20) width 30: "left) " |
| text run at (215,20) width 200: "and a yellow box (on the right)." |
| LayoutBlockFlow (anonymous) at (4,1244) size 747x40 |
| LayoutBR {BR} at (186,0) size 1x19 |
| LayoutBlockFlow (anonymous) at (4,1302) size 747x140 |
| LayoutBlockFlow (floating) {DIV} at (0,0) size 560.25x140 [bgcolor=#66CCFF] |
| LayoutBlockFlow (floating) {DIV} at (410.19,0) size 140.06x40 [bgcolor=#FFFF00] |
| LayoutBlockFlow {P} at (0,0) size 140.06x40 |
| LayoutText {#text} at (0,0) size 140x39 |
| text run at (0,0) width 140: "See description in the" |
| text run at (0,20) width 124: "box on the left side." |
| LayoutBlockFlow {P} at (0,0) size 560.25x140 |
| LayoutText {#text} at (0,0) size 560x139 |
| text run at (0,0) width 410: "This paragraph is inside a DIV which is floated left. The" |
| text run at (0,20) width 410: "background of the DIV element is blue and its width is 75%." |
| text run at (0,40) width 32: "This " |
| text run at (32,40) width 368: "text should all be inside the blue rectangle. The blue DIV " |
| text run at (400,40) width 160: "element has another DIV" |
| text run at (0,60) width 217: "element as a child. It has a yellow " |
| text run at (217,60) width 343: "background color and is floated to the right. Since it is" |
| text run at (0,80) width 11: "a " |
| text run at (11,80) width 408: "child of the blue DIV, the yellow DIV should appear inside the " |
| text run at (419,80) width 141: "blue rectangle. Due to" |
| text run at (0,100) width 252: "it being floated to the right and having " |
| text run at (252,100) width 308: "a 10px right margin, the yellow rectange should" |
| text run at (0,120) width 112: "have a 10px blue " |
| text run at (112,120) width 138: "stripe on its right side." |
| LayoutBR {BR} at (560,0) size 1x19 |
| layer at (8,136) size 769x2 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (0,128) size 769x2 [border: (1px inset #EEEEEE)] |
| layer at (8,254) size 769x2 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (0,246) size 769x2 [border: (1px inset #EEEEEE)] |
| layer at (8,392) size 769x2 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (0,384) size 769x2 [border: (1px inset #EEEEEE)] |
| layer at (8,530) size 769x2 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (0,522) size 769x2 [border: (1px inset #EEEEEE)] |
| layer at (8,628) size 769x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (0,620) size 769x2 [border: (1px inset #EEEEEE)] |
| layer at (8,886) size 769x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (0,878) size 769x2 [border: (1px inset #EEEEEE)] |
| layer at (8,1178) size 769x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (0,1170) size 769x2 [border: (1px inset #EEEEEE)] |
| layer at (8,1276) size 769x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (0,1268) size 769x2 [border: (1px inset #EEEEEE)] |
| layer at (8,1434) size 769x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (0,1426) size 769x2 [border: (1px inset #EEEEEE)] |
| layer at (25,1605) size 747x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (4,132) size 747x2 [border: (1px inset #EEEEEE)] |
| layer at (25,1723) size 747x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (4,250) size 747x2 [border: (1px inset #EEEEEE)] |
| layer at (25,1861) size 747x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (4,388) size 747x2 [border: (1px inset #EEEEEE)] |
| layer at (25,1999) size 747x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (4,526) size 747x2 [border: (1px inset #EEEEEE)] |
| layer at (25,2097) size 747x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (4,624) size 747x2 [border: (1px inset #EEEEEE)] |
| layer at (25,2375) size 747x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (4,902) size 747x2 [border: (1px inset #EEEEEE)] |
| layer at (25,2667) size 747x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (4,1194) size 747x2 [border: (1px inset #EEEEEE)] |
| layer at (25,2765) size 747x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (4,1292) size 747x2 [border: (1px inset #EEEEEE)] |
| layer at (25,2923) size 747x2 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 |
| LayoutBlockFlow {HR} at (4,1450) size 747x2 [border: (1px inset #EEEEEE)] |
