Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(600)

Unified Diff: third_party/WebKit/LayoutTests/platform/android/css1/box_properties/float_on_text_elements-expected.txt

Issue 1871653003: Revert of Segment strings on dot and comma in addition to space and tab (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/platform/android/css1/box_properties/float_on_text_elements-expected.txt
diff --git a/third_party/WebKit/LayoutTests/platform/android/css1/box_properties/float_on_text_elements-expected.txt b/third_party/WebKit/LayoutTests/platform/android/css1/box_properties/float_on_text_elements-expected.txt
deleted file mode 100644
index 0e3a0477db8a202acdce562e8d49272d13417d3a..0000000000000000000000000000000000000000
--- a/third_party/WebKit/LayoutTests/platform/android/css1/box_properties/float_on_text_elements-expected.txt
+++ /dev/null
@@ -1,348 +0,0 @@
-layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2846
- LayoutView at (0,0) size 800x600
-layer at (0,0) size 785x2846 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
- LayoutBlockFlow {HTML} at (0,0) size 785x2846
- LayoutBlockFlow {BODY} at (8,8) size 769x2830 [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 is"
- text run at (0,20) width 105: "floated to the left."
- LayoutBlockFlow {P} at (0,0) size 769x80
- LayoutText {#text} at (384,0) size 769x79
- 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 padding,"
- text run at (0,60) width 708: "border or margins on this and the previous element, so the text of the two elements should be very close to each other."
- LayoutBlockFlow (anonymous) at (0,80) size 769x20
- LayoutBR {BR} at (0,0) size 0x19
- LayoutBlockFlow {HR} at (0,108) size 769x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (anonymous) at (0,118) 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 element"
- 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 orange"
- text run at (0,40) width 769: "square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this paragraph for"
- text run at (0,60) width 123: "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 {HR} at (0,226) size 769x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (anonymous) at (0,236) size 769x100
- LayoutBlockFlow (floating) {P} at (0,0) size 384.50x100 [bgcolor=#FFFF00]
- LayoutText {#text} at (0,0) size 384x99
- text run at (0,0) width 384: "This paragraph is floated to the left and the orange square image"
- text run at (0,20) width 384: "should appear to the right of the paragraph. This paragraph has"
- text run at (0,40) width 384: "a yellow background and no padding, margin or border. The"
- text run at (0,60) width 384: "right edge of this yellow box should be horizontally aligned with"
- text run at (0,80) width 260: "the left edge of the yellow box 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 {HR} at (0,344) size 769x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (anonymous) at (0,354) 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 attribute)"
- text run at (0,20) width 384: "and the orange square image should appear to the left of the"
- text run at (0,40) width 384: "paragraph. This paragraph has a yellow background and no"
- text run at (0,60) width 384: "padding, margin or border. The left edge of this yellow box"
- text run at (0,80) width 384: "should be horizonally aligned with the right edge of the yellow"
- text run at (0,100) width 68: "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 {HR} at (0,482) size 769x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow {P} at (0,492) 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 well as"
- text run at (48,20) width 432: "bold, with a content width of 1.5em and a background-color of silver. "
- text run at (479,20) width 290: "The top of the big letter \"T\" should be vertically"
- 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\"."
- LayoutBlockFlow (anonymous) at (0,552) size 769x20
- LayoutBR {BR} at (0,0) size 0x19
- LayoutBlockFlow {HR} at (0,580) size 769x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (floating) {P} at (423,600) 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 of"
- text run at (8,28) width 320: "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 the"
- text run at (8,68) width 320: "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 the"
- text run at (8,168) width 320: "blue background of the paragraph in the normal flow"
- text run at (8,188) width 126: "should shine through."
- LayoutBlockFlow {P} at (0,590) 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 yellow"
- text run at (0,40) width 133: "\"sidebar\" on the right. "
- text run at (133,40) width 280: "The content of this element should flow around"
- text run at (0,60) width 126: "the floated element. "
- text run at (126,60) width 287: "However, the floated element may or may not"
- text run at (0,80) width 413: "be obscured by the blue background of this element, as the"
- text run at (0,100) width 342: "specification does not say which is drawn \"on top.\" "
- text run at (342,100) width 71: "Even if the"
- text run at (0,120) width 413: "floated element is obscured, it still forces the content of this element"
- text run at (0,140) width 107: "to flow around it. "
- text run at (107,140) width 306: "If the floated element is not obscured, then the blue"
- text run at (0,160) width 413: "rectangle of this paragraph should extend 10px above and to the"
- text run at (0,180) width 413: "right of the sidebar's red border, due to the margin styles set for the"
- text run at (0,200) width 95: "floated element."
- LayoutBlockFlow (anonymous) at (0,810) size 769x20
- LayoutBR {BR} at (0,0) size 0x19
- LayoutBlockFlow {HR} at (0,838) size 769x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow {DIV} at (0,848) 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 which"
- text run at (0,20) width 320: "is floated to the right. The width of the DIV element"
- text run at (0,40) width 320: "is 20em. The background is yellow and there is a"
- text run at (0,60) width 320: "5px padding, a 10px margin and no border. Since it"
- text run at (0,80) width 320: "is floated, the yellow box should be rendered on top"
- text run at (0,100) width 320: "of the background and borders of adjacent non-"
- text run at (0,120) width 320: "floated elements. To the left of this yellow box there"
- text run at (0,140) width 320: "should be a short paragraph with a blue background"
- text run at (0,160) width 320: "and a red border. The yellow box should be"
- text run at (0,180) width 320: "rendered on top of the bottom red border. I.e., the"
- text run at (0,200) width 320: "bottom red border will appear broken where it's"
- text run at (0,220) width 194: "overlaid by the yellow rectangle."
- LayoutBlockFlow {P} at (4,4) size 761x20
- LayoutText {#text} at (0,0) size 255x19
- text run at (0,0) width 255: "See description in the box on the right side"
- LayoutBlockFlow (anonymous) at (0,876) size 769x246
- LayoutBR {BR} at (0,0) size 0x19
- LayoutBlockFlow {HR} at (0,1130) size 769x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (floating) {DIV} at (0,1140) 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 DIV"
- text run at (0,20) width 192: "which is floated left. Its"
- text run at (0,40) width 192: "background is blue and the"
- text run at (0,60) width 83: "width is 25%."
- LayoutBlockFlow (floating) {DIV} at (576.75,1140) 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 DIV"
- text run at (0,20) width 192: "which is floated right. Its"
- text run at (0,40) width 192: "background is yellow and the"
- text run at (0,60) width 83: "width is 25%."
- LayoutBlockFlow {P} at (0,1140) 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 left)"
- text run at (192,20) width 189: "and a yellow box (on the right)."
- LayoutBlockFlow (anonymous) at (0,1180) size 769x40
- LayoutBR {BR} at (192,0) size 1x19
- LayoutBlockFlow {HR} at (0,1228) size 769x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (anonymous) at (0,1238) size 769x120
- LayoutBlockFlow (floating) {DIV} at (0,0) size 576.75x120 [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 118: "box on the left side."
- LayoutBlockFlow {P} at (0,0) size 576.75x120
- LayoutText {#text} at (0,0) size 576x119
- text run at (0,0) width 350: "This paragraph is inside a DIV which is floated left. The "
- text run at (350,0) width 72: "background"
- text run at (0,20) width 321: "of the DIV element is blue and its width is 75%. This "
- text run at (321,20) width 101: "text should all be"
- text run at (0,40) width 249: "inside the blue rectangle. The blue DIV "
- text run at (249,40) width 327: "element has another DIV element as a child. It has a"
- text run at (0,60) width 43: "yellow "
- text run at (43,60) width 340: "background color and is floated to the right. Since it is a "
- text run at (383,60) width 193: "child of the blue DIV, the yellow"
- text run at (0,80) width 187: "DIV should appear inside the "
- text run at (187,80) width 382: "blue rectangle. Due to it being floated to the right and having "
- text run at (569,80) width 7: "a"
- text run at (0,100) width 383: "10px right margin, the yellow rectange should have a 10px blue "
- text run at (382,100) width 132: "stripe on its right side."
- LayoutBR {BR} at (576,0) size 1x19
- LayoutBlockFlow {HR} at (0,1366) size 769x2 [border: (1px inset #EEEEEE)]
- LayoutTable {TABLE} at (0,1376) size 769x1454 [border: (1px outset #808080)]
- LayoutTableSection {TBODY} at (1,1) size 767x1452
- 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 157x19
- LayoutText {#text} at (4,4) size 157x19
- text run at (4,4) width 157: "TABLE Testing Section"
- LayoutTableRow {TR} at (0,28) size 767x1424
- LayoutTableCell {TD} at (0,726) 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 755x1424 [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 is"
- text run at (0,20) width 105: "floated to the left."
- LayoutBlockFlow {P} at (4,4) size 747x80
- LayoutText {#text} at (373,0) size 747x79
- text run at (373,0) width 374: "This paragraph should start on the right side of a yellow box"
- text run at (373,20) width 374: "which contains the previous paragraph. Since the text of this"
- 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 is no padding,"
- text run at (0,60) width 708: "border or margins on this and the previous element, so the text of the two elements should be very close to each other."
- LayoutBlockFlow (anonymous) at (4,84) size 747x20
- LayoutBR {BR} at (0,0) size 0x19
- LayoutBlockFlow {HR} at (4,112) size 747x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (anonymous) at (4,122) 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 and a"
- text run at (0,40) width 747: "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 209: "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 {HR} at (4,230) size 747x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (anonymous) at (4,240) size 747x120
- LayoutBlockFlow (floating) {P} at (0,0) size 373.50x120 [bgcolor=#FFFF00]
- LayoutText {#text} at (0,0) size 374x119
- 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, margin"
- text run at (0,60) width 374: "or border. The right edge of this yellow box should be"
- text run at (0,80) width 373: "horizontally aligned with the left edge of the yellow box"
- text run at (0,100) width 75: "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 {HR} at (4,368) size 747x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (anonymous) at (4,378) 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 background"
- text run at (0,60) width 373: "and no padding, margin or border. The left edge of this yellow"
- text run at (0,80) width 373: "box should be horizonally aligned with the right edge of the"
- text run at (0,100) width 111: "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 {HR} at (4,506) size 747x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow {P} at (4,516) 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 well"
- text run at (48,20) width 460: "as bold, with a content width of 1.5em and a background-color of silver. "
- text run at (507,20) width 240: "The top of the big letter \"T\" should be"
- 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\"."
- LayoutBlockFlow (anonymous) at (4,576) size 747x20
- LayoutBR {BR} at (0,0) size 0x19
- LayoutBlockFlow {HR} at (4,604) size 747x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (floating) {P} at (405,624) 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 of"
- text run at (8,28) width 320: "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 the"
- text run at (8,68) width 320: "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 the"
- text run at (8,168) width 320: "blue background of the paragraph in the normal flow"
- text run at (8,188) width 126: "should shine through."
- LayoutBlockFlow {P} at (4,614) size 747x220 [bgcolor=#66CCFF]
- LayoutText {#text} at (0,0) size 391x219
- text run at (0,0) width 391: "This paragraph is not floating. If there is enough room, the textual"
- text run at (0,20) width 391: "content of the paragraph should appear on the left side of the"
- text run at (0,40) width 181: "yellow \"sidebar\" on the right. "
- text run at (181,40) width 210: "The content of this element should"
- text run at (0,60) width 208: "flow around the floated element. "
- text run at (208,60) width 183: "However, the floated element"
- text run at (0,80) width 391: "may or may not be obscured by the blue background of this"
- text run at (0,100) width 391: "element, as the specification does not say which is drawn \"on"
- text run at (0,120) width 35: "top.\" "
- text run at (35,120) width 356: "Even if the floated element is obscured, it still forces the"
- text run at (0,140) width 249: "content of this element to flow around it. "
- text run at (249,140) width 142: "If the floated element is"
- text run at (0,160) width 391: "not obscured, then the blue rectangle of this paragraph should"
- text run at (0,180) width 391: "extend 10px above and to the right of the sidebar's red border,"
- text run at (0,200) width 304: "due to the margin styles set for the floated element."
- LayoutBlockFlow (anonymous) at (4,834) size 747x20
- LayoutBR {BR} at (0,0) size 0x19
- LayoutBlockFlow {HR} at (4,862) size 747x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow {DIV} at (4,872) 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 which"
- text run at (0,20) width 320: "is floated to the right. The width of the DIV element"
- text run at (0,40) width 320: "is 20em. The background is yellow and there is a"
- text run at (0,60) width 320: "5px padding, a 10px margin and no border. Since it"
- text run at (0,80) width 320: "is floated, the yellow box should be rendered on top"
- text run at (0,100) width 320: "of the background and borders of adjacent non-"
- text run at (0,120) width 320: "floated elements. To the left of this yellow box there"
- text run at (0,140) width 320: "should be a short paragraph with a blue background"
- text run at (0,160) width 320: "and a red border. The yellow box should be"
- text run at (0,180) width 320: "rendered on top of the bottom red border. I.e., the"
- text run at (0,200) width 320: "bottom red border will appear broken where it's"
- text run at (0,220) width 194: "overlaid by the yellow rectangle."
- LayoutBlockFlow {P} at (4,4) size 739x20
- LayoutText {#text} at (0,0) size 255x19
- text run at (0,0) width 255: "See description in the box on the right side"
- LayoutBlockFlow (anonymous) at (4,900) size 747x246
- LayoutBR {BR} at (0,0) size 0x19
- LayoutBlockFlow {HR} at (4,1154) size 747x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (floating) {DIV} at (4,1164) 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 DIV"
- text run at (0,20) width 186: "which is floated left. Its"
- text run at (0,40) width 186: "background is blue and the"
- text run at (0,60) width 83: "width is 25%."
- LayoutBlockFlow (floating) {DIV} at (564.25,1164) 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 DIV"
- text run at (0,20) width 186: "which is floated right. Its"
- text run at (0,40) width 186: "background is yellow and the"
- text run at (0,60) width 83: "width is 25%."
- LayoutBlockFlow {P} at (4,1164) 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 28: "left) "
- text run at (213,20) width 189: "and a yellow box (on the right)."
- LayoutBlockFlow (anonymous) at (4,1204) size 747x40
- LayoutBR {BR} at (186,0) size 1x19
- LayoutBlockFlow {HR} at (4,1252) size 747x2 [border: (1px inset #EEEEEE)]
- LayoutBlockFlow (anonymous) at (4,1262) 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 118: "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 338: "This paragraph is inside a DIV which is floated left. The "
- text run at (338,0) width 72: "background"
- text run at (0,20) width 327: "of the DIV element is blue and its width is 75%. This "
- text run at (327,20) width 83: "text should all"
- text run at (0,40) width 258: "be inside the blue rectangle. The blue DIV "
- text run at (258,40) width 302: "element has another DIV element as a child. It has"
- text run at (0,60) width 55: "a yellow "
- text run at (55,60) width 350: "background color and is floated to the right. Since it is a "
- text run at (405,60) width 155: "child of the blue DIV, the"
- text run at (0,80) width 230: "yellow DIV should appear inside the "
- text run at (230,80) width 330: "blue rectangle. Due to it being floated to the right and"
- text run at (0,100) width 43: "having "
- text run at (43,100) width 413: "a 10px right margin, the yellow rectange should have a 10px blue "
- text run at (455,100) width 105: "stripe on its right"
- text run at (0,120) width 28: "side."
- LayoutBR {BR} at (560,0) size 1x19
- LayoutBlockFlow {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEEE)]

Powered by Google App Engine
This is Rietveld 408576698