- rolled in patch by opendarwin.org@mitzpettel.com for
authorggaren <ggaren@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 19 Jul 2005 21:18:25 +0000 (21:18 +0000)
committerggaren <ggaren@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 19 Jul 2005 21:18:25 +0000 (21:18 +0000)
        http://bugzilla.opendarwin.org/show_bug.cgi?id=3838
        Text runs unnecessarily split at EN L boundaries

        Reviewed by hyatt.

        * khtml/rendering/bidi.cpp:
        (khtml::RenderBlock::bidiReorderLine):

        Lots of new test case results because previous results had inappropriately
        split text runs.

        * layout-tests/css1/basic/containment-expected.txt:
        * layout-tests/css1/box_properties/border-expected.txt:
        * layout-tests/css1/box_properties/border_bottom-expected.txt:
        * layout-tests/css1/box_properties/border_bottom_inline-expected.txt:
        * layout-tests/css1/box_properties/border_bottom_width-expected.txt:
        * layout-tests/css1/box_properties/border_bottom_width_inline-expected.txt:
        * layout-tests/css1/box_properties/border_inline-expected.txt:
        * layout-tests/css1/box_properties/border_left-expected.txt:
        * layout-tests/css1/box_properties/border_left_inline-expected.txt:
        * layout-tests/css1/box_properties/border_left_width-expected.txt:
        * layout-tests/css1/box_properties/border_left_width_inline-expected.txt:
        * layout-tests/css1/box_properties/border_right-expected.txt:
        * layout-tests/css1/box_properties/border_right_inline-expected.txt:
        * layout-tests/css1/box_properties/border_right_width-expected.txt:
        * layout-tests/css1/box_properties/border_right_width_inline-expected.txt:
        * layout-tests/css1/box_properties/border_top-expected.txt:
        * layout-tests/css1/box_properties/border_top_inline-expected.txt:
        * layout-tests/css1/box_properties/border_top_width-expected.txt:
        * layout-tests/css1/box_properties/border_top_width_inline-expected.txt:
        * layout-tests/css1/box_properties/border_width-expected.txt:
        * layout-tests/css1/box_properties/border_width_inline-expected.txt:
        * layout-tests/css1/box_properties/clear_float-expected.txt:
        * layout-tests/css1/box_properties/float_elements_in_series-expected.txt:
        * layout-tests/css1/box_properties/float_margin-expected.txt:
        * layout-tests/css1/box_properties/float_on_text_elements-expected.txt:
        * layout-tests/css1/box_properties/height-expected.txt:
        * layout-tests/css1/box_properties/margin-expected.txt:
        * layout-tests/css1/box_properties/margin_bottom-expected.txt:
        * layout-tests/css1/box_properties/margin_bottom_inline-expected.txt:
        * layout-tests/css1/box_properties/margin_inline-expected.txt:
        * layout-tests/css1/box_properties/margin_left-expected.txt:
        * layout-tests/css1/box_properties/margin_left_inline-expected.txt:
        * layout-tests/css1/box_properties/margin_right-expected.txt:
        * layout-tests/css1/box_properties/margin_right_inline-expected.txt:
        * layout-tests/css1/box_properties/margin_top-expected.txt:
        * layout-tests/css1/box_properties/margin_top_inline-expected.txt:
        * layout-tests/css1/box_properties/padding-expected.txt:
        * layout-tests/css1/box_properties/padding_bottom-expected.txt:
        * layout-tests/css1/box_properties/padding_bottom_inline-expected.txt:
        * layout-tests/css1/box_properties/padding_inline-expected.txt:
        * layout-tests/css1/box_properties/padding_left-expected.txt:
        * layout-tests/css1/box_properties/padding_left_inline-expected.txt:
        * layout-tests/css1/box_properties/padding_right-expected.txt:
        * layout-tests/css1/box_properties/padding_right_inline-expected.txt:
        * layout-tests/css1/box_properties/padding_top-expected.txt:
        * layout-tests/css1/box_properties/padding_top_inline-expected.txt:
        * layout-tests/css1/box_properties/width-expected.txt:
        * layout-tests/css1/classification/display-expected.txt:
        * layout-tests/css1/color_and_background/background_position-expected.txt:
        * layout-tests/css1/conformance/forward_compatible_parsing-expected.txt:
        * layout-tests/css1/font_properties/font-expected.txt:
        * layout-tests/css1/font_properties/font_size-expected.txt:
        * layout-tests/css1/formatting_model/canvas-expected.txt:
        * layout-tests/css1/formatting_model/floating_elements-expected.txt:
        * layout-tests/css1/formatting_model/height_of_lines-expected.txt:
        * layout-tests/css1/formatting_model/inline_elements-expected.txt:
        * layout-tests/css1/formatting_model/replaced_elements-expected.txt:
        * layout-tests/css1/formatting_model/vertical_formatting-expected.txt:
        * layout-tests/css1/pseudo/anchor-expected.txt:
        * layout-tests/css1/text_properties/letter_spacing-expected.txt:
        * layout-tests/css1/text_properties/line_height-expected.txt:
        * layout-tests/css1/text_properties/text_indent-expected.txt:
        * layout-tests/css1/text_properties/vertical_align-expected.txt:
        * layout-tests/css1/text_properties/word_spacing-expected.txt:
        * layout-tests/css1/units/length_units-expected.txt:
        * layout-tests/editing/style/relative-font-size-change-001-expected.txt:
        * layout-tests/editing/style/relative-font-size-change-002-expected.txt:
        * layout-tests/editing/style/relative-font-size-change-003-expected.txt:
        * layout-tests/editing/style/relative-font-size-change-004-expected.txt:
        * layout-tests/editing/style/smoosh-styles-003-expected.txt:
        * layout-tests/fast/block/basic/018-expected.txt:
        * layout-tests/fast/block/float/002-expected.txt:
        * layout-tests/fast/block/float/021-expected.txt:
        * layout-tests/fast/block/float/023-expected.txt:
        * layout-tests/fast/block/float/024-expected.txt:
        * layout-tests/fast/block/float/029-expected.txt:
        * layout-tests/fast/block/float/030-expected.txt:
        * layout-tests/fast/block/margin-collapse/043-expected.txt:
        * layout-tests/fast/block/margin-collapse/101-expected.txt:
        * layout-tests/fast/block/positioning/060-expected.txt:
        * layout-tests/fast/block/positioning/auto/001-expected.txt:
        * layout-tests/fast/block/positioning/auto/002-expected.txt:
        * layout-tests/fast/block/positioning/auto/003-expected.txt:
        * layout-tests/fast/block/positioning/auto/004-expected.txt:
        * layout-tests/fast/block/positioning/auto/005-expected.txt:
        * layout-tests/fast/block/positioning/auto/006-expected.txt:
        * layout-tests/fast/clip/001-expected.txt:
        * layout-tests/fast/clip/002-expected.txt:
        * layout-tests/fast/clip/003-expected.txt:
        * layout-tests/fast/clip/004-expected.txt:
        * layout-tests/fast/clip/005-expected.txt:
        * layout-tests/fast/clip/006-expected.txt:
        * layout-tests/fast/clip/007-expected.txt:
        * layout-tests/fast/clip/008-expected.txt:
        * layout-tests/fast/clip/009-expected.txt:
        * layout-tests/fast/clip/010-expected.txt:
        * layout-tests/fast/clip/011-expected.txt:
        * layout-tests/fast/clip/012-expected.txt:
        * layout-tests/fast/clip/013-expected.txt:
        * layout-tests/fast/clip/014-expected.txt:
        * layout-tests/fast/clip/015-expected.txt:
        * layout-tests/fast/clip/016-expected.txt:
        * layout-tests/fast/css-generated-content/012-expected.txt:
        * layout-tests/fast/css/008-expected.txt:
        * layout-tests/fast/css/MarqueeLayoutTest-expected.txt:
        * layout-tests/fast/css/apple-prefix-expected.txt:
        * layout-tests/fast/dom/quadraticCurveTo-expected.txt:
        * layout-tests/fast/dynamic/noninlinebadness-expected.txt:
        * layout-tests/fast/encoding/utf-16-big-endian-expected.txt:
        * layout-tests/fast/encoding/utf-16-little-endian-expected.txt:
        * layout-tests/fast/flexbox/001-expected.txt:
        * layout-tests/fast/flexbox/004-expected.txt:
        * layout-tests/fast/flexbox/007-expected.txt:
        * layout-tests/fast/flexbox/008-expected.txt:
        * layout-tests/fast/flexbox/009-expected.txt:
        * layout-tests/fast/flexbox/010-expected.txt:
        * layout-tests/fast/flexbox/012-expected.txt:
        * layout-tests/fast/flexbox/013-expected.txt:
        * layout-tests/fast/flexbox/014-expected.txt:
        * layout-tests/fast/flexbox/015-expected.txt:
        * layout-tests/fast/flexbox/018-expected.txt:
        * layout-tests/fast/flexbox/019-expected.txt:
        * layout-tests/fast/flexbox/020-expected.txt:
        * layout-tests/fast/flexbox/021-expected.txt:
        * layout-tests/fast/flexbox/022-expected.txt:
        * layout-tests/fast/flexbox/023-expected.txt:
        * layout-tests/fast/flexbox/024-expected.txt:
        * layout-tests/fast/invalid/012-expected.txt:
        * layout-tests/fast/invalid/016-expected.txt:
        * layout-tests/fast/invalid/nestedh3s-expected.txt:
        * layout-tests/fast/lists/003-expected.txt:
        * layout-tests/fast/replaced/004-expected.txt:
        * layout-tests/fast/selectors/166-expected.txt:
        * layout-tests/fast/table/032-expected.txt:
        * layout-tests/fast/table/border-collapsing/004-expected.txt:
        * layout-tests/fast/text/basic/003-expected.txt:
        * layout-tests/fast/text/basic/004-expected.txt:
        * layout-tests/fast/text/basic/005-expected.txt:
        * layout-tests/fast/text/basic/009-expected.txt:

git-svn-id: http://svn.webkit.org/repository/webkit/trunk@9835 268f45cc-cd09-0410-ab3c-d52691b4dbfc

141 files changed:
LayoutTests/css1/basic/containment-expected.txt
LayoutTests/css1/box_properties/border-expected.txt
LayoutTests/css1/box_properties/border_bottom-expected.txt
LayoutTests/css1/box_properties/border_bottom_inline-expected.txt
LayoutTests/css1/box_properties/border_bottom_width-expected.txt
LayoutTests/css1/box_properties/border_bottom_width_inline-expected.txt
LayoutTests/css1/box_properties/border_inline-expected.txt
LayoutTests/css1/box_properties/border_left-expected.txt
LayoutTests/css1/box_properties/border_left_inline-expected.txt
LayoutTests/css1/box_properties/border_left_width-expected.txt
LayoutTests/css1/box_properties/border_left_width_inline-expected.txt
LayoutTests/css1/box_properties/border_right-expected.txt
LayoutTests/css1/box_properties/border_right_inline-expected.txt
LayoutTests/css1/box_properties/border_right_width-expected.txt
LayoutTests/css1/box_properties/border_right_width_inline-expected.txt
LayoutTests/css1/box_properties/border_top-expected.txt
LayoutTests/css1/box_properties/border_top_inline-expected.txt
LayoutTests/css1/box_properties/border_top_width-expected.txt
LayoutTests/css1/box_properties/border_top_width_inline-expected.txt
LayoutTests/css1/box_properties/border_width-expected.txt
LayoutTests/css1/box_properties/border_width_inline-expected.txt
LayoutTests/css1/box_properties/clear_float-expected.txt
LayoutTests/css1/box_properties/float_elements_in_series-expected.txt
LayoutTests/css1/box_properties/float_margin-expected.txt
LayoutTests/css1/box_properties/float_on_text_elements-expected.txt
LayoutTests/css1/box_properties/height-expected.txt
LayoutTests/css1/box_properties/margin-expected.txt
LayoutTests/css1/box_properties/margin_bottom-expected.txt
LayoutTests/css1/box_properties/margin_bottom_inline-expected.txt
LayoutTests/css1/box_properties/margin_inline-expected.txt
LayoutTests/css1/box_properties/margin_left-expected.txt
LayoutTests/css1/box_properties/margin_left_inline-expected.txt
LayoutTests/css1/box_properties/margin_right-expected.txt
LayoutTests/css1/box_properties/margin_right_inline-expected.txt
LayoutTests/css1/box_properties/margin_top-expected.txt
LayoutTests/css1/box_properties/margin_top_inline-expected.txt
LayoutTests/css1/box_properties/padding-expected.txt
LayoutTests/css1/box_properties/padding_bottom-expected.txt
LayoutTests/css1/box_properties/padding_bottom_inline-expected.txt
LayoutTests/css1/box_properties/padding_inline-expected.txt
LayoutTests/css1/box_properties/padding_left-expected.txt
LayoutTests/css1/box_properties/padding_left_inline-expected.txt
LayoutTests/css1/box_properties/padding_right-expected.txt
LayoutTests/css1/box_properties/padding_right_inline-expected.txt
LayoutTests/css1/box_properties/padding_top-expected.txt
LayoutTests/css1/box_properties/padding_top_inline-expected.txt
LayoutTests/css1/box_properties/width-expected.txt
LayoutTests/css1/classification/display-expected.txt
LayoutTests/css1/color_and_background/background_position-expected.txt
LayoutTests/css1/conformance/forward_compatible_parsing-expected.txt
LayoutTests/css1/font_properties/font-expected.txt
LayoutTests/css1/font_properties/font_size-expected.txt
LayoutTests/css1/formatting_model/canvas-expected.txt
LayoutTests/css1/formatting_model/floating_elements-expected.txt
LayoutTests/css1/formatting_model/height_of_lines-expected.txt
LayoutTests/css1/formatting_model/inline_elements-expected.txt
LayoutTests/css1/formatting_model/replaced_elements-expected.txt
LayoutTests/css1/formatting_model/vertical_formatting-expected.txt
LayoutTests/css1/pseudo/anchor-expected.txt
LayoutTests/css1/text_properties/letter_spacing-expected.txt
LayoutTests/css1/text_properties/line_height-expected.txt
LayoutTests/css1/text_properties/text_indent-expected.txt
LayoutTests/css1/text_properties/vertical_align-expected.txt
LayoutTests/css1/text_properties/word_spacing-expected.txt
LayoutTests/css1/units/length_units-expected.txt
LayoutTests/editing/style/relative-font-size-change-001-expected.txt
LayoutTests/editing/style/relative-font-size-change-002-expected.txt
LayoutTests/editing/style/relative-font-size-change-003-expected.txt
LayoutTests/editing/style/relative-font-size-change-004-expected.txt
LayoutTests/editing/style/smoosh-styles-003-expected.txt
LayoutTests/fast/block/basic/018-expected.txt
LayoutTests/fast/block/float/002-expected.txt
LayoutTests/fast/block/float/021-expected.txt
LayoutTests/fast/block/float/023-expected.txt
LayoutTests/fast/block/float/024-expected.txt
LayoutTests/fast/block/float/029-expected.txt
LayoutTests/fast/block/float/030-expected.txt
LayoutTests/fast/block/margin-collapse/043-expected.txt
LayoutTests/fast/block/margin-collapse/101-expected.txt
LayoutTests/fast/block/positioning/060-expected.txt
LayoutTests/fast/block/positioning/auto/001-expected.txt
LayoutTests/fast/block/positioning/auto/002-expected.txt
LayoutTests/fast/block/positioning/auto/003-expected.txt
LayoutTests/fast/block/positioning/auto/004-expected.txt
LayoutTests/fast/block/positioning/auto/005-expected.txt
LayoutTests/fast/block/positioning/auto/006-expected.txt
LayoutTests/fast/clip/001-expected.txt
LayoutTests/fast/clip/002-expected.txt
LayoutTests/fast/clip/003-expected.txt
LayoutTests/fast/clip/004-expected.txt
LayoutTests/fast/clip/005-expected.txt
LayoutTests/fast/clip/006-expected.txt
LayoutTests/fast/clip/007-expected.txt
LayoutTests/fast/clip/008-expected.txt
LayoutTests/fast/clip/009-expected.txt
LayoutTests/fast/clip/010-expected.txt
LayoutTests/fast/clip/011-expected.txt
LayoutTests/fast/clip/012-expected.txt
LayoutTests/fast/clip/013-expected.txt
LayoutTests/fast/clip/014-expected.txt
LayoutTests/fast/clip/015-expected.txt
LayoutTests/fast/clip/016-expected.txt
LayoutTests/fast/css-generated-content/012-expected.txt
LayoutTests/fast/css/008-expected.txt
LayoutTests/fast/css/MarqueeLayoutTest-expected.txt
LayoutTests/fast/css/apple-prefix-expected.txt
LayoutTests/fast/dom/quadraticCurveTo-expected.txt
LayoutTests/fast/dynamic/noninlinebadness-expected.txt
LayoutTests/fast/encoding/utf-16-big-endian-expected.txt
LayoutTests/fast/encoding/utf-16-little-endian-expected.txt
LayoutTests/fast/flexbox/001-expected.txt
LayoutTests/fast/flexbox/004-expected.txt
LayoutTests/fast/flexbox/007-expected.txt
LayoutTests/fast/flexbox/008-expected.txt
LayoutTests/fast/flexbox/009-expected.txt
LayoutTests/fast/flexbox/010-expected.txt
LayoutTests/fast/flexbox/012-expected.txt
LayoutTests/fast/flexbox/013-expected.txt
LayoutTests/fast/flexbox/014-expected.txt
LayoutTests/fast/flexbox/015-expected.txt
LayoutTests/fast/flexbox/018-expected.txt
LayoutTests/fast/flexbox/019-expected.txt
LayoutTests/fast/flexbox/020-expected.txt
LayoutTests/fast/flexbox/021-expected.txt
LayoutTests/fast/flexbox/022-expected.txt
LayoutTests/fast/flexbox/023-expected.txt
LayoutTests/fast/flexbox/024-expected.txt
LayoutTests/fast/invalid/012-expected.txt
LayoutTests/fast/invalid/016-expected.txt
LayoutTests/fast/invalid/nestedh3s-expected.txt
LayoutTests/fast/lists/003-expected.txt
LayoutTests/fast/replaced/004-expected.txt
LayoutTests/fast/selectors/166-expected.txt
LayoutTests/fast/table/032-expected.txt
LayoutTests/fast/table/border-collapsing/004-expected.txt
LayoutTests/fast/text/basic/003-expected.txt
LayoutTests/fast/text/basic/004-expected.txt
LayoutTests/fast/text/basic/005-expected.txt
LayoutTests/fast/text/basic/009-expected.txt
WebCore/ChangeLog-2005-08-23
WebCore/khtml/rendering/bidi.cpp

index 10220650dc385d9fb7f76dd03e0e4d599a8f019a..5e62a49269f6f94e57463d7b21cb470cd820c674 100644 (file)
@@ -11,8 +11,7 @@ layer at (0,0) size 800x943
           text run at (0,0) width 624: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
           text run at (0,15) width 728: "<LINK rel=\"alternate stylesheet\" type=\"text/css\" href=\"linktest2.css\" title=\"Alternate SS\">"
           text run at (0,30) width 208: "@import url(imptest1.css);"
-          text run at (0,45) width 136: "@import \"imptest1"
-          text run at (136,45) width 56: "a.css\";"
+          text run at (0,45) width 192: "@import \"imptest1a.css\";"
           text run at (0,60) width 128: "UL {color: red;}"
           text run at (0,75) width 176: ".four {color: purple;}"
           text run at (0,90) width 208: "@import url(imptest2.css);"
@@ -58,8 +57,7 @@ layer at (0,0) size 800x943
             text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
           RenderInline {CODE} at (0,0) size 184x15
             RenderText {TEXT} at (395,2) size 184x15
-              text run at (395,2) width 136: "@import \"imptest1"
-              text run at (531,2) width 48: "a.css\""
+              text run at (395,2) width 184: "@import \"imptest1a.css\""
           RenderText {TEXT} at (579,0) size 9x18
             text run at (579,0) width 9: "]."
         RenderListItem {LI} at (40,36) size 744x18 [color=#008000]
@@ -154,8 +152,7 @@ layer at (0,0) size 800x943
                     text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
                   RenderInline {CODE} at (0,0) size 184x15
                     RenderText {TEXT} at (395,2) size 184x15
-                      text run at (395,2) width 136: "@import \"imptest1"
-                      text run at (531,2) width 48: "a.css\""
+                      text run at (395,2) width 184: "@import \"imptest1a.css\""
                   RenderText {TEXT} at (579,0) size 9x18
                     text run at (579,0) width 9: "]."
                 RenderListItem {LI} at (40,36) size 722x18 [color=#008000]
index 36a5d9ede1303a765a35fcbabcff35d2f81b6460..060876cc5464a2f149c464b600de115c4b6c4675 100644 (file)
@@ -10,18 +10,13 @@ layer at (0,0) size 800x1378
         RenderText {TEXT} at (0,0) size 272x135
           text run at (0,0) width 272: ".one {border: medium black solid;}"
           text run at (0,15) width 264: ".two {border: thin maroon ridge;}"
-          text run at (0,30) width 144: ".three {border: 10"
-          text run at (144,30) width 128: "px teal outset;}"
-          text run at (0,45) width 136: ".four {border: 10"
-          text run at (136,45) width 128: "px olive inset;}"
-          text run at (0,60) width 136: ".five {border: 10"
-          text run at (136,60) width 88: "px maroon;}"
+          text run at (0,30) width 272: ".three {border: 10px teal outset;}"
+          text run at (0,45) width 264: ".four {border: 10px olive inset;}"
+          text run at (0,60) width 224: ".five {border: 10px maroon;}"
           text run at (0,75) width 232: ".six {border: maroon double;}"
           text run at (0,90) width 256: ".seven {border: left red solid;}"
-          text run at (0,105) width 136: ".eight {border: 0"
-          text run at (136,105) width 32: "px;}"
-          text run at (0,120) width 104: "TD {border: 2"
-          text run at (104,120) width 128: "px solid green;}"
+          text run at (0,105) width 168: ".eight {border: 0px;}"
+          text run at (0,120) width 232: "TD {border: 2px solid green;}"
       RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,200) size 784x36
         RenderText {TEXT} at (0,0) size 780x36
index c5268b9ae0c82a6020585ab1abdc5cec5b9875fd..e062941d8e29337c4f69cac4adf13ffdd0252074 100644 (file)
@@ -8,12 +8,10 @@ layer at (0,0) size 800x995
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x60
         RenderText {TEXT} at (0,0) size 344x60
-          text run at (0,0) width 296: ".one {border-bottom: purple double 10"
-          text run at (296,0) width 32: "px;}"
+          text run at (0,0) width 328: ".one {border-bottom: purple double 10px;}"
           text run at (0,15) width 320: ".two {border-bottom: purple thin solid;}"
           text run at (0,30) width 344: ".three {border-bottom: black medium solid;}"
-          text run at (0,45) width 208: "TD {border-bottom: green 2"
-          text run at (208,45) width 80: "px solid;}"
+          text run at (0,45) width 288: "TD {border-bottom: green 2px solid;}"
       RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,125) size 784x36
         RenderText {TEXT} at (0,0) size 779x36
index 02ed5b2e59ee5bcd4d03884398adf766c4e9b904..6bc815ebe18666a0cbfbc65c12940b7bda0a2167 100644 (file)
@@ -8,8 +8,7 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 328x30
-          text run at (0,0) width 296: ".one {border-bottom: purple double 10"
-          text run at (296,0) width 32: "px;}"
+          text run at (0,0) width 328: ".one {border-bottom: purple double 10px;}"
           text run at (0,15) width 320: ".two {border-bottom: purple thin solid;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
index 4ad3b64cb282f531637877f41a8dfbb24d05edae..e2b0319b7b4e7e92fbf4cd26f3a4fba32232f395 100644 (file)
@@ -9,13 +9,11 @@ layer at (0,0) size 800x877
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 464x90
           text run at (0,0) width 456: ".zero {background-color: silver; border-bottom-width: 0;}"
-          text run at (0,15) width 232: ".one {border-bottom-width: 50"
-          text run at (232,15) width 200: "px; border-style: solid;}"
+          text run at (0,15) width 432: ".one {border-bottom-width: 50px; border-style: solid;}"
           text run at (0,30) width 440: ".two {border-bottom-width: thick; border-style: solid;}"
           text run at (0,45) width 464: ".three {border-bottom-width: medium; border-style: solid;}"
           text run at (0,60) width 440: ".four {border-bottom-width: thin; border-style: solid;}"
-          text run at (0,75) width 240: ".five {border-bottom-width: 25"
-          text run at (240,75) width 32: "px;}"
+          text run at (0,75) width 272: ".five {border-bottom-width: 25px;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18
         RenderText {TEXT} at (0,0) size 157x18
index 1121a7706741ac893cc53e97042397909b50c1ad..6bd44c8775130773671f060c6e6dc9a3859accfb 100644 (file)
@@ -8,11 +8,9 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 432x45
-          text run at (0,0) width 232: ".one {border-bottom-width: 25"
-          text run at (232,0) width 200: "px; border-style: solid;}"
+          text run at (0,0) width 432: ".one {border-bottom-width: 25px; border-style: solid;}"
           text run at (0,15) width 432: ".two {border-bottom-width: thin; border-style: solid;}"
-          text run at (0,30) width 248: ".three {border-bottom-width: 25"
-          text run at (248,30) width 32: "px;}"
+          text run at (0,30) width 280: ".three {border-bottom-width: 25px;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x100 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 172x18
index 0936b32677cc5e388674fa50acaa908bffe1eb5a..e5b3408465c5a33ced209ebcf57f4d60229e0dba 100644 (file)
@@ -8,10 +8,8 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 256x30
-          text run at (0,0) width 128: ".one {border: 10"
-          text run at (128,0) width 128: "px teal outset;}"
-          text run at (0,15) width 128: ".two {border: 10"
-          text run at (128,15) width 128: "px olive inset;}"
+          text run at (0,0) width 256: ".one {border: 10px teal outset;}"
+          text run at (0,15) width 256: ".two {border: 10px olive inset;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 677x18
index ce38b6dced863e23dfb046b4716857f79456eb38..c08bb8823208f3faaf995a1488ea2e97c5ddf70d 100644 (file)
@@ -8,16 +8,13 @@ layer at (0,0) size 800x1028
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x105
         RenderText {TEXT} at (0,0) size 344x105
-          text run at (0,0) width 144: "P {margin-left: 20"
-          text run at (144,0) width 32: "px;}"
-          text run at (0,15) width 280: ".one {border-left: purple double 10"
-          text run at (280,15) width 32: "px;}"
+          text run at (0,0) width 176: "P {margin-left: 20px;}"
+          text run at (0,15) width 312: ".one {border-left: purple double 10px;}"
           text run at (0,30) width 304: ".two {border-left: purple thin solid;}"
           text run at (0,45) width 336: ".threea {border-left: black medium solid;}"
           text run at (0,60) width 344: ".threeb {border-left: purple medium solid;}"
           text run at (0,75) width 328: ".threec {border-left: blue medium solid;}"
-          text run at (0,90) width 192: "TD {border-left: green 2"
-          text run at (192,90) width 80: "px solid;}"
+          text run at (0,90) width 272: "TD {border-left: green 2px solid;}"
       RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (20,170) size 764x36
         RenderText {TEXT} at (0,0) size 755x36
index 231fd552985014392df722b17edc5d3f01fb3df7..758c163c464a19aaf5ddbd7db94f8821d34aedec 100644 (file)
@@ -8,10 +8,8 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x60
         RenderText {TEXT} at (0,0) size 312x45
-          text run at (0,0) width 144: "P {margin-left: 20"
-          text run at (144,0) width 32: "px;}"
-          text run at (0,15) width 280: ".one {border-left: purple double 10"
-          text run at (280,15) width 32: "px;}"
+          text run at (0,0) width 176: "P {margin-left: 20px;}"
+          text run at (0,15) width 312: ".one {border-left: purple double 10px;}"
           text run at (0,30) width 304: ".two {border-left: purple thin solid;}"
       RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (20,125) size 764x54 [bgcolor=#C0C0C0]
index 4c884835ebe76d75d559da4600378007b18904cd..95ea5013f6b33fef2bb012ec1fdb32580835f409 100644 (file)
@@ -9,13 +9,11 @@ layer at (0,0) size 800x805
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 448x90
           text run at (0,0) width 440: ".zero {background-color: silver; border-left-width: 0;}"
-          text run at (0,15) width 216: ".one {border-left-width: 50"
-          text run at (216,15) width 200: "px; border-style: solid;}"
+          text run at (0,15) width 416: ".one {border-left-width: 50px; border-style: solid;}"
           text run at (0,30) width 424: ".two {border-left-width: thick; border-style: solid;}"
           text run at (0,45) width 448: ".three {border-left-width: medium; border-style: solid;}"
           text run at (0,60) width 424: ".four {border-left-width: thin; border-style: solid;}"
-          text run at (0,75) width 224: ".five {border-left-width: 25"
-          text run at (224,75) width 32: "px;}"
+          text run at (0,75) width 256: ".five {border-left-width: 25px;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18
         RenderText {TEXT} at (0,0) size 157x18
index e6706ba6d5a5d4c1adb410daeae3ac8adf3adcd4..ba58cac34ccb23f0ec1aae7b4cc9ef86fe336c40 100644 (file)
@@ -8,11 +8,9 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 416x45
-          text run at (0,0) width 216: ".one {border-left-width: 25"
-          text run at (216,0) width 200: "px; border-style: solid;}"
+          text run at (0,0) width 416: ".one {border-left-width: 25px; border-style: solid;}"
           text run at (0,15) width 416: ".two {border-left-width: thin; border-style: solid;}"
-          text run at (0,30) width 232: ".three {border-left-width: 25"
-          text run at (232,30) width 32: "px;}"
+          text run at (0,30) width 264: ".three {border-left-width: 25px;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x78 [border: (3px solid #000000) (25px solid #000000)]
         RenderText {TEXT} at (25,3) size 172x18
index 8e8356744e6b930ef7e038207423d3063ff61873..dcb3709a34b39452820e5184983e4254419b5d3b 100644 (file)
@@ -8,10 +8,8 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x60
         RenderText {TEXT} at (0,0) size 320x45
-          text run at (0,0) width 152: "P {margin-right: 20"
-          text run at (152,0) width 32: "px;}"
-          text run at (0,15) width 288: ".one {border-right: purple double 10"
-          text run at (288,15) width 32: "px;}"
+          text run at (0,0) width 184: "P {margin-right: 20px;}"
+          text run at (0,15) width 320: ".one {border-right: purple double 10px;}"
           text run at (0,30) width 312: ".two {border-right: purple thin solid;}"
       RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,125) size 764x54 [bgcolor=#C0C0C0]
index 706aff0d9739e091d8a316191c0c2d241b724d06..b842bfd7d8b1110bd03412147c9a888bb73a2211 100644 (file)
@@ -8,16 +8,13 @@ layer at (0,0) size 800x1064
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x105
         RenderText {TEXT} at (0,0) size 352x105
-          text run at (0,0) width 152: "P {margin-right: 20"
-          text run at (152,0) width 32: "px;}"
-          text run at (0,15) width 288: ".one {border-right: purple double 10"
-          text run at (288,15) width 32: "px;}"
+          text run at (0,0) width 184: "P {margin-right: 20px;}"
+          text run at (0,15) width 320: ".one {border-right: purple double 10px;}"
           text run at (0,30) width 312: ".two {border-right: purple thin solid;}"
           text run at (0,45) width 344: ".threea {border-right: black medium solid;}"
           text run at (0,60) width 352: ".threeb {border-right: purple medium solid;}"
           text run at (0,75) width 336: ".threec {border-right: blue medium solid;}"
-          text run at (0,90) width 200: "TD {border-right: green 2"
-          text run at (200,90) width 80: "px solid;}"
+          text run at (0,90) width 280: "TD {border-right: green 2px solid;}"
       RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,170) size 764x36
         RenderText {TEXT} at (0,0) size 764x36
index 9c74469c3642b24f521970c4874b595753721290..405fc99952ed17658e23ea4573efad6502a3c9f5 100644 (file)
@@ -9,13 +9,11 @@ layer at (0,0) size 800x823
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 456x90
           text run at (0,0) width 448: ".zero {background-color: silver; border-right-width: 0;}"
-          text run at (0,15) width 224: ".one {border-right-width: 25"
-          text run at (224,15) width 200: "px; border-style: solid;}"
+          text run at (0,15) width 424: ".one {border-right-width: 25px; border-style: solid;}"
           text run at (0,30) width 432: ".two {border-right-width: thick; border-style: solid;}"
           text run at (0,45) width 456: ".three {border-right-width: medium; border-style: solid;}"
           text run at (0,60) width 432: ".four {border-right-width: thin; border-style: solid;}"
-          text run at (0,75) width 240: ".five {border-right-width: 100"
-          text run at (240,75) width 32: "px;}"
+          text run at (0,75) width 272: ".five {border-right-width: 100px;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18
         RenderText {TEXT} at (0,0) size 157x18
index 711f95c0fc5298e948d6f808e16d409ea80f9583..55d78b045b535a71d78403e9ec40f8e7c714c355 100644 (file)
@@ -8,11 +8,9 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 424x45
-          text run at (0,0) width 224: ".one {border-right-width: 25"
-          text run at (224,0) width 200: "px; border-style: solid;}"
+          text run at (0,0) width 424: ".one {border-right-width: 25px; border-style: solid;}"
           text run at (0,15) width 424: ".two {border-right-width: thin; border-style: solid;}"
-          text run at (0,30) width 240: ".three {border-right-width: 25"
-          text run at (240,30) width 32: "px;}"
+          text run at (0,30) width 272: ".three {border-right-width: 25px;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x78 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,3) size 172x18
index f8113e80e0a714933d74a52e061c37b8c18ede45..2952ed47dcd87ebffe048ea703b78ab11cfb4509 100644 (file)
@@ -8,12 +8,10 @@ layer at (0,0) size 800x959
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x60
         RenderText {TEXT} at (0,0) size 320x60
-          text run at (0,0) width 272: ".one {border-top: purple double 10"
-          text run at (272,0) width 32: "px;}"
+          text run at (0,0) width 304: ".one {border-top: purple double 10px;}"
           text run at (0,15) width 296: ".two {border-top: purple thin solid;}"
           text run at (0,30) width 320: ".three {border-top: black medium solid;}"
-          text run at (0,45) width 184: "TD {border-top: green 2"
-          text run at (184,45) width 80: "px solid;}"
+          text run at (0,45) width 264: "TD {border-top: green 2px solid;}"
       RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,125) size 784x36
         RenderText {TEXT} at (0,0) size 755x36
index 288bec8ea343296030276fce754e652832531a43..d5a4d297d9ec92a0435c56bab4ebb0c7c70838ec 100644 (file)
@@ -8,8 +8,7 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 304x30
-          text run at (0,0) width 272: ".one {border-top: purple double 10"
-          text run at (272,0) width 32: "px;}"
+          text run at (0,0) width 304: ".one {border-top: purple double 10px;}"
           text run at (0,15) width 296: ".two {border-top: purple thin solid;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
index 8551d3537ee7829a3d2ea44aa0146b1bdb7d088a..ab621a291bd1975f674909a3923afc144a0e5452 100644 (file)
@@ -9,13 +9,11 @@ layer at (0,0) size 800x759
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 440x90
           text run at (0,0) width 432: ".zero {background-color: silver; border-top-width: 0;}"
-          text run at (0,15) width 208: ".one {border-top-width: 25"
-          text run at (208,15) width 200: "px; border-style: solid;}"
+          text run at (0,15) width 408: ".one {border-top-width: 25px; border-style: solid;}"
           text run at (0,30) width 416: ".two {border-top-width: thick; border-style: solid;}"
           text run at (0,45) width 440: ".three {border-top-width: medium; border-style: solid;}"
           text run at (0,60) width 416: ".four {border-top-width: thin; border-style: solid;}"
-          text run at (0,75) width 216: ".five {border-top-width: 25"
-          text run at (216,75) width 32: "px;}"
+          text run at (0,75) width 248: ".five {border-top-width: 25px;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18
         RenderText {TEXT} at (0,0) size 157x18
index 1391403051a7509c496ba893bbec5d03e576de92..7f131a80601a379166ea5dcaffdb1e10758305e9 100644 (file)
@@ -8,11 +8,9 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 408x45
-          text run at (0,0) width 208: ".one {border-top-width: 25"
-          text run at (208,0) width 200: "px; border-style: solid;}"
+          text run at (0,0) width 408: ".one {border-top-width: 25px; border-style: solid;}"
           text run at (0,15) width 408: ".two {border-top-width: thin; border-style: solid;}"
-          text run at (0,30) width 224: ".three {border-top-width: 25"
-          text run at (224,30) width 32: "px;}"
+          text run at (0,30) width 256: ".three {border-top-width: 25px;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x82 [border: (25px solid #000000) (3px solid #000000)]
         RenderText {TEXT} at (3,25) size 172x18
index 3b4768358ce057eb874ec0fc8e25c6bcc109f0a7..3e26dea79f6ff4bf2c4f91e8f8dc2634724f8641 100644 (file)
@@ -9,13 +9,11 @@ layer at (0,0) size 800x903
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 408x90
           text run at (0,0) width 400: ".zero {background-color: silver; border-width: 0;}"
-          text run at (0,15) width 176: ".one {border-width: 50"
-          text run at (176,15) width 200: "px; border-style: solid;}"
+          text run at (0,15) width 376: ".one {border-width: 50px; border-style: solid;}"
           text run at (0,30) width 384: ".two {border-width: thick; border-style: solid;}"
           text run at (0,45) width 408: ".three {border-width: medium; border-style: solid;}"
           text run at (0,60) width 384: ".four {border-width: thin; border-style: solid;}"
-          text run at (0,75) width 184: ".five {border-width: 25"
-          text run at (184,75) width 32: "px;}"
+          text run at (0,75) width 216: ".five {border-width: 25px;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18
         RenderText {TEXT} at (0,0) size 157x18
index f21db53b287eac11a0e2a8125a9196ce4f42987e..02cec823a5e18b06c3d3afe18e5d82bf63dd2f07 100644 (file)
@@ -8,11 +8,9 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 376x45
-          text run at (0,0) width 176: ".one {border-width: 25"
-          text run at (176,0) width 200: "px; border-style: solid;}"
+          text run at (0,0) width 376: ".one {border-width: 25px; border-style: solid;}"
           text run at (0,15) width 376: ".two {border-width: thin; border-style: solid;}"
-          text run at (0,30) width 192: ".three {border-width: 25"
-          text run at (192,30) width 32: "px;}"
+          text run at (0,30) width 224: ".three {border-width: 25px;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x104 [border: (25px solid #000000)]
         RenderText {TEXT} at (25,25) size 172x18
index 17223f71daa0b219112fdc1a3199cc516678a5fd..91f693bc6429c10363bd6729dcc902954447ed0b 100644 (file)
@@ -9,22 +9,11 @@ layer at (0,0) size 800x773
       RenderBlock {PRE} at (0,31) size 784x135
         RenderText {TEXT} at (0,0) size 616x120
           text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
-          text run at (0,30) width 360: "DIV.menu {float: left; clear: left; width: 11"
-          text run at (360,30) width 24: "em;"
-          text run at (0,45) width 304: "          margin: 0; margin-bottom: 10"
-          text run at (304,45) width 128: "px; padding: 0.5"
-          text run at (432,45) width 32: "em;}"
-          text run at (0,60) width 216: "DIV.menu H1 {font-size: 1.2"
-          text run at (216,60) width 216: "em; margin: 0; padding: 0;}"
-          text run at (0,75) width 192: "DIV.menu UL {margin: 0.2"
-          text run at (192,75) width 48: "em 0.3"
-          text run at (240,75) width 48: "em 0.2"
-          text run at (288,75) width 32: "em 1"
-          text run at (320,75) width 128: "em; padding: 0;}"
-          text run at (0,90) width 200: "DIV.article {padding: 0.5"
-          text run at (200,90) width 240: "em; margin: 0; margin-left: 14"
-          text run at (440,90) width 152: "em; margin-right: 2"
-          text run at (592,90) width 24: "em;"
+          text run at (0,30) width 384: "DIV.menu {float: left; clear: left; width: 11em;"
+          text run at (0,45) width 464: "          margin: 0; margin-bottom: 10px; padding: 0.5em;}"
+          text run at (0,60) width 432: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}"
+          text run at (0,75) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
+          text run at (0,90) width 616: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
           text run at (0,105) width 480: "             color: black; background: yellow; clear: none;}"
       RenderBlock {HR} at (0,179) size 784x2 [border: (1px inset #000000)]
       RenderBlock (floating) {DIV} at (0,189) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
@@ -43,13 +32,11 @@ layer at (0,0) size 800x773
           RenderListItem {LI} at (0,36) size 156x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 94x18
-              text run at (0,0) width 20: "0.5"
-              text run at (20,0) width 74: "em padding"
+              text run at (0,0) width 94: "0.5em padding"
           RenderListItem {LI} at (0,54) size 156x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 87x18
-              text run at (0,0) width 20: "0.5"
-              text run at (20,0) width 67: "em margin"
+              text run at (0,0) width 87: "0.5em margin"
       RenderBlock (floating) {DIV} at (0,315) size 192x116 [color=#FFFFFF] [bgcolor=#0000FF]
         RenderBlock {H1} at (8,8) size 176x22
           RenderText {TEXT} at (0,0) size 112x22
@@ -66,13 +53,11 @@ layer at (0,0) size 800x773
           RenderListItem {LI} at (0,36) size 156x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 94x18
-              text run at (0,0) width 20: "0.5"
-              text run at (20,0) width 74: "em padding"
+              text run at (0,0) width 94: "0.5em padding"
           RenderListItem {LI} at (0,54) size 156x18
             RenderListMarker at (0,0) size 0x14
             RenderText {TEXT} at (0,0) size 87x18
-              text run at (0,0) width 20: "0.5"
-              text run at (20,0) width 67: "em margin"
+              text run at (0,0) width 87: "0.5em margin"
       RenderBlock {DIV} at (224,189) size 528x221 [bgcolor=#FFFF00]
         RenderBlock {H1} at (8,29) size 512x37
           RenderText {TEXT} at (0,0) size 275x37
@@ -83,10 +68,8 @@ layer at (0,0) size 800x773
             text run at (0,18) width 238: "and the other a blue background. "
             text run at (238,18) width 274: "Due to settings on the 'float' and 'clear'"
             text run at (0,36) width 512: "properties, the two menus should appear on the left side of the page, the blue"
-            text run at (0,54) width 257: "below the green. There should be a 10"
-            text run at (257,54) width 255: "px gap between the two menus. There"
-            text run at (0,72) width 121: "should also be a 10"
-            text run at (121,72) width 338: "px gap between the top menu and the top of the page."
+            text run at (0,54) width 512: "below the green. There should be a 10px gap between the two menus. There"
+            text run at (0,72) width 459: "should also be a 10px gap between the top menu and the top of the page."
         RenderBlock {P} at (8,177) size 512x36
           RenderText {TEXT} at (0,0) size 512x36
             text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should be"
@@ -119,13 +102,11 @@ layer at (0,0) size 800x773
                   RenderListItem {LI} at (0,36) size 156x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 94x18
-                      text run at (0,0) width 20: "0.5"
-                      text run at (20,0) width 74: "em padding"
+                      text run at (0,0) width 94: "0.5em padding"
                   RenderListItem {LI} at (0,54) size 156x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 87x18
-                      text run at (0,0) width 20: "0.5"
-                      text run at (20,0) width 67: "em margin"
+                      text run at (0,0) width 87: "0.5em margin"
               RenderBlock (floating) {DIV} at (4,130) size 192x116 [color=#FFFFFF] [bgcolor=#0000FF]
                 RenderBlock {H1} at (8,8) size 176x22
                   RenderText {TEXT} at (0,0) size 112x22
@@ -142,13 +123,11 @@ layer at (0,0) size 800x773
                   RenderListItem {LI} at (0,36) size 156x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 94x18
-                      text run at (0,0) width 20: "0.5"
-                      text run at (20,0) width 74: "em padding"
+                      text run at (0,0) width 94: "0.5em padding"
                   RenderListItem {LI} at (0,54) size 156x18
                     RenderListMarker at (0,0) size 0x14
                     RenderText {TEXT} at (0,0) size 87x18
-                      text run at (0,0) width 20: "0.5"
-                      text run at (20,0) width 67: "em margin"
+                      text run at (0,0) width 87: "0.5em margin"
               RenderBlock {DIV} at (228,4) size 314x311 [bgcolor=#FFFF00]
                 RenderBlock {H1} at (8,29) size 298x37
                   RenderText {TEXT} at (0,0) size 275x37
@@ -161,11 +140,9 @@ layer at (0,0) size 800x773
                     text run at (161,36) width 137: "Due to settings on the"
                     text run at (0,54) width 298: "'float' and 'clear' properties, the two menus"
                     text run at (0,72) width 298: "should appear on the left side of the page, the"
-                    text run at (0,90) width 282: "blue below the green. There should be a 10"
-                    text run at (282,90) width 16: "px"
+                    text run at (0,90) width 298: "blue below the green. There should be a 10px"
                     text run at (0,108) width 298: "gap between the two menus. There should also"
-                    text run at (0,126) width 49: "be a 10"
-                    text run at (49,126) width 249: "px gap between the top menu and the"
+                    text run at (0,126) width 298: "be a 10px gap between the top menu and the"
                     text run at (0,144) width 98: "top of the page."
                 RenderBlock {P} at (8,249) size 298x54
                   RenderText {TEXT} at (0,0) size 298x54
index e0893d073c376d04bd1f8133e3269df971074654..1dec21ea7f351434abedda7132aed2e7cb9e57aa 100644 (file)
@@ -10,22 +10,15 @@ layer at (0,0) size 800x699
         RenderText {TEXT} at (0,0) size 512x180
           text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
           text run at (0,30) width 336: "DIV.yellow, DIV.blue, DIV.red, DIV.green {"
-          text run at (0,45) width 80: " width: 60"
-          text run at (80,45) width 120: "px; padding: 20"
-          text run at (200,45) width 112: "px; margin: 10"
-          text run at (312,45) width 24: "px;"
-          text run at (0,60) width 88: " border: 20"
-          text run at (88,60) width 384: "px solid black; float: left; text-align: center;"
+          text run at (0,45) width 336: " width: 60px; padding: 20px; margin: 10px;"
+          text run at (0,60) width 472: " border: 20px solid black; float: left; text-align: center;"
           text run at (0,75) width 360: " font-family: \"Times New Roman\",Times,serif;}"
-          text run at (0,90) width 208: "DIV.yellow {margin-left: 0"
-          text run at (208,90) width 304: "px; background: yellow; color: black;}"
+          text run at (0,90) width 512: "DIV.yellow {margin-left: 0px; background: yellow; color: black;}"
           text run at (0,105) width 336: "DIV.blue {background: blue; color: white;}"
           text run at (0,120) width 320: "DIV.red {background: red; color: black;}"
           text run at (0,135) width 352: "DIV.green {background: green; color: white;}"
           text run at (0,150) width 192: "DIV.below {clear: both;}"
-          text run at (0,165) width 136: "TABLE {margin: 20"
-          text run at (136,165) width 32: "px 0"
-          text run at (168,165) width 32: "px;}"
+          text run at (0,165) width 200: "TABLE {margin: 20px 0px;}"
       RenderBlock {HR} at (0,239) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,249) size 784x36
         RenderText {TEXT} at (0,0) size 784x36
index 11a1fbfdb5b6de7ae215e483b66c8027d1dac92a..4784166068e751392abaf3d9da322574c0d722fa 100644 (file)
@@ -8,25 +8,14 @@ layer at (0,0) size 800x1902
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x135
         RenderText {TEXT} at (0,0) size 560x120
-          text run at (0,0) width 320: "P.test {background: white; font-size: 20"
-          text run at (320,0) width 24: "px;"
-          text run at (0,15) width 184: "        margin-left: 30"
-          text run at (184,15) width 160: "px; margin-right: 10"
-          text run at (344,15) width 216: "px; padding: 0; border: 0;}"
+          text run at (0,0) width 344: "P.test {background: white; font-size: 20px;"
+          text run at (0,15) width 560: "        margin-left: 30px; margin-right: 10px; padding: 0; border: 0;}"
           text run at (0,30) width 312: "IMG {padding: 0; border: 0; margin: 0;}"
           text run at (0,45) width 200: "P.test IMG {float: left;}"
-          text run at (0,60) width 168: "#img2 {margin-top: 30"
-          text run at (168,60) width 152: "px; margin-left: 30"
-          text run at (320,60) width 32: "px;}"
-          text run at (0,75) width 176: "#img3 {margin-top: -30"
-          text run at (176,75) width 160: "px; margin-left: -30"
-          text run at (336,75) width 32: "px;}"
-          text run at (0,90) width 184: "#img4 {margin-right: 30"
-          text run at (184,90) width 168: "px; margin-bottom: 30"
-          text run at (352,90) width 32: "px;}"
-          text run at (0,105) width 192: "#img5 {margin-right: -30"
-          text run at (192,105) width 176: "px; margin-bottom: -30"
-          text run at (368,105) width 32: "px;}"
+          text run at (0,60) width 352: "#img2 {margin-top: 30px; margin-left: 30px;}"
+          text run at (0,75) width 368: "#img3 {margin-top: -30px; margin-left: -30px;}"
+          text run at (0,90) width 384: "#img4 {margin-right: 30px; margin-bottom: 30px;}"
+          text run at (0,105) width 400: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
       RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (30,204) size 744x92 [bgcolor=#FFFFFF]
         RenderText {TEXT} at (0,0) size 738x92
index 1a61fc38f6af22b84c32bb851f0ed93a2a3a3b56..faa36b4c0b15af4d2c2b6d923f2c61dfee188c90 100644 (file)
@@ -62,8 +62,7 @@ layer at (0,0) size 800x2678
             text run at (0,0) width 21: "T"
         RenderText {TEXT} at (48,0) size 736x54
           text run at (48,0) width 736: "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,18) width 235: "as bold, with a content width of 1.5"
-          text run at (283,18) width 246: "em and a background-color of silver. "
+          text run at (48,18) width 481: "as bold, with a content width of 1.5em and a background-color of silver. "
           text run at (529,18) width 255: "The top of the big letter \"T\" should be"
           text run at (48,36) width 656: "vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
       RenderBlock (anonymous) at (0,523) size 784x18
@@ -73,16 +72,12 @@ layer at (0,0) size 800x2678
         RenderText {TEXT} at (8,8) size 320x180
           text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
           text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
-          text run at (8,44) width 16: "20"
-          text run at (24,44) width 304: "em so the box should not be reformatted when"
+          text run at (8,44) width 320: "20em so the box should not be reformatted when"
           text run at (8,62) width 320: "the size of the viewport is changed (e.g. when the"
           text run at (8,80) width 320: "window is resized). The background color of the"
-          text run at (8,98) width 269: "element is yellow, and there should be a 3"
-          text run at (277,98) width 51: "px solid"
-          text run at (8,116) width 143: "red border outside a 5"
-          text run at (151,116) width 177: "px wide padding. Also, the"
-          text run at (8,134) width 109: "element has a 10"
-          text run at (117,134) width 211: "px wide margin around it where"
+          text run at (8,98) width 320: "element is yellow, and there should be a 3px solid"
+          text run at (8,116) width 320: "red border outside a 5px wide padding. Also, the"
+          text run at (8,134) width 320: "element has a 10px wide margin around it where"
           text run at (8,152) width 320: "the blue background of the paragraph in the"
           text run at (8,170) width 217: "normal flow should shine through."
       RenderBlock {P} at (0,559) size 784x198 [bgcolor=#66CCFF]
@@ -99,8 +94,7 @@ layer at (0,0) size 800x2678
           text run at (0,108) width 428: "floated element is obscured, it still forces the content of this element"
           text run at (0,126) width 121: "to flow around it. "
           text run at (121,126) width 307: "If the floated element is not obscured, then the"
-          text run at (0,144) width 321: "blue rectangle of this paragraph should extend 10"
-          text run at (321,144) width 107: "px above and to"
+          text run at (0,144) width 428: "blue rectangle of this paragraph should extend 10px above and to"
           text run at (0,162) width 428: "the right of the sidebar's red border, due to the margin styles set for"
           text run at (0,180) width 123: "the floated element."
       RenderBlock (anonymous) at (0,757) size 784x18
@@ -112,11 +106,8 @@ layer at (0,0) size 800x2678
             RenderText {TEXT} at (0,0) size 320x216
               text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
               text run at (0,18) width 320: "which is floated to the right. The width of the DIV"
-              text run at (0,36) width 88: "element is 20"
-              text run at (88,36) width 232: "em. The background is yellow and"
-              text run at (0,54) width 79: "there is a 5"
-              text run at (79,54) width 118: "px padding, a 10"
-              text run at (197,54) width 123: "px margin and no"
+              text run at (0,36) width 320: "element is 20em. The background is yellow and"
+              text run at (0,54) width 320: "there is a 5px padding, a 10px margin and no"
               text run at (0,72) width 320: "border. Since it is floated, the yellow box should"
               text run at (0,90) width 320: "be rendered on top of the background and borders"
               text run at (0,108) width 320: "of adjacent non-floated elements. To the left of this"
@@ -170,9 +161,7 @@ layer at (0,0) size 800x2678
             text run at (0,72) width 350: "the blue DIV, the yellow DIV should appear inside the "
             text run at (350,72) width 238: "blue rectangle. Due to it being floated"
             text run at (0,90) width 155: "to the right and having "
-            text run at (155,90) width 28: "a 10"
-            text run at (183,90) width 356: "px right margin, the yellow rectange should have a 10"
-            text run at (539,90) width 49: "px blue"
+            text run at (155,90) width 433: "a 10px right margin, the yellow rectange should have a 10px blue"
             text run at (0,108) width 138: "stripe on its right side."
       RenderBlock (anonymous) at (0,1151) size 784x126
         RenderBR {BR} at (588,0) size 0x18
@@ -249,9 +238,8 @@ layer at (0,0) size 800x2678
                     text run at (0,0) width 21: "T"
                 RenderText {TEXT} at (48,0) size 714x54
                   text run at (48,0) width 714: "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,18) width 254: "well as bold, with a content width of 1.5"
-                  text run at (302,18) width 236: "em and a background-color of silver. "
-                  text run at (538,18) width 224: "The top of the big letter \"T\" should"
+                  text run at (48,18) width 491: "well as bold, with a content width of 1.5em and a background-color of silver. "
+                  text run at (539,18) width 223: "The top of the big letter \"T\" should"
                   text run at (48,36) width 675: "be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
               RenderBlock (anonymous) at (4,545) size 762x18
                 RenderBR {BR} at (0,0) size 0x18
@@ -260,16 +248,12 @@ layer at (0,0) size 800x2678
                 RenderText {TEXT} at (8,8) size 320x180
                   text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
                   text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
-                  text run at (8,44) width 16: "20"
-                  text run at (24,44) width 304: "em so the box should not be reformatted when"
+                  text run at (8,44) width 320: "20em so the box should not be reformatted when"
                   text run at (8,62) width 320: "the size of the viewport is changed (e.g. when the"
                   text run at (8,80) width 320: "window is resized). The background color of the"
-                  text run at (8,98) width 269: "element is yellow, and there should be a 3"
-                  text run at (277,98) width 51: "px solid"
-                  text run at (8,116) width 143: "red border outside a 5"
-                  text run at (151,116) width 177: "px wide padding. Also, the"
-                  text run at (8,134) width 109: "element has a 10"
-                  text run at (117,134) width 211: "px wide margin around it where"
+                  text run at (8,98) width 320: "element is yellow, and there should be a 3px solid"
+                  text run at (8,116) width 320: "red border outside a 5px wide padding. Also, the"
+                  text run at (8,134) width 320: "element has a 10px wide margin around it where"
                   text run at (8,152) width 320: "the blue background of the paragraph in the"
                   text run at (8,170) width 217: "normal flow should shine through."
               RenderBlock {P} at (4,581) size 762x216 [bgcolor=#66CCFF]
@@ -287,8 +271,7 @@ layer at (0,0) size 800x2678
                   text run at (0,126) width 318: "the content of this element to flow around it. "
                   text run at (318,126) width 88: "If the floated"
                   text run at (0,144) width 406: "element is not obscured, then the blue rectangle of this"
-                  text run at (0,162) width 185: "paragraph should extend 10"
-                  text run at (185,162) width 221: "px above and to the right of the"
+                  text run at (0,162) width 406: "paragraph should extend 10px above and to the right of the"
                   text run at (0,180) width 406: "sidebar's red border, due to the margin styles set for the floated"
                   text run at (0,198) width 53: "element."
               RenderBlock (anonymous) at (4,797) size 762x18
@@ -300,11 +283,8 @@ layer at (0,0) size 800x2678
                     RenderText {TEXT} at (0,0) size 320x216
                       text run at (0,0) width 320: "This paragraph is placed inside a DIV element"
                       text run at (0,18) width 320: "which is floated to the right. The width of the DIV"
-                      text run at (0,36) width 88: "element is 20"
-                      text run at (88,36) width 232: "em. The background is yellow and"
-                      text run at (0,54) width 79: "there is a 5"
-                      text run at (79,54) width 118: "px padding, a 10"
-                      text run at (197,54) width 123: "px margin and no"
+                      text run at (0,36) width 320: "element is 20em. The background is yellow and"
+                      text run at (0,54) width 320: "there is a 5px padding, a 10px margin and no"
                       text run at (0,72) width 320: "border. Since it is floated, the yellow box should"
                       text run at (0,90) width 320: "be rendered on top of the background and borders"
                       text run at (0,108) width 320: "of adjacent non-floated elements. To the left of this"
@@ -358,10 +338,8 @@ layer at (0,0) size 800x2678
                     text run at (0,72) width 415: "child of the blue DIV, the yellow DIV should appear inside the "
                     text run at (415,72) width 156: "blue rectangle. Due to it"
                     text run at (0,90) width 233: "being floated to the right and having "
-                    text run at (233,90) width 27: "a 10"
-                    text run at (260,90) width 311: "px right margin, the yellow rectange should have"
-                    text run at (0,108) width 27: "a 10"
-                    text run at (27,108) width 51: "px blue "
+                    text run at (233,90) width 338: "a 10px right margin, the yellow rectange should have"
+                    text run at (0,108) width 78: "a 10px blue "
                     text run at (78,108) width 138: "stripe on its right side."
               RenderBlock (anonymous) at (4,1191) size 762x126
                 RenderBR {BR} at (571,0) size 0x18
index 3104d108593da846c78c46651685c42a7d7ce659..a40eb08bfb9bea38af0010c6dbdf9b83a0d42984 100644 (file)
@@ -8,10 +8,8 @@ layer at (0,0) size 800x974
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 168x30
-          text run at (0,0) width 128: ".one {height: 50"
-          text run at (128,0) width 32: "px;}"
-          text run at (0,15) width 136: ".two {height: 100"
-          text run at (136,15) width 32: "px;}"
+          text run at (0,0) width 160: ".one {height: 50px;}"
+          text run at (0,15) width 168: ".two {height: 100px;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock (anonymous) at (0,102) size 784x50
         RenderImage {IMG} at (0,0) size 50x50
@@ -30,8 +28,7 @@ layer at (0,0) size 800x974
         RenderText {TEXT} at (0,0) size 0x0
       RenderBlock {P} at (0,468) size 784x36
         RenderText {TEXT} at (0,0) size 784x36
-          text run at (0,0) width 619: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50"
-          text run at (619,0) width 165: "x15, and the size has been"
+          text run at (0,0) width 784: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has been"
           text run at (0,18) width 116: "doubled using the "
         RenderInline {CODE} at (0,0) size 48x15
           RenderText {TEXT} at (116,20) size 48x15
@@ -67,8 +64,7 @@ layer at (0,0) size 800x974
                 RenderText {TEXT} at (0,0) size 0x0
               RenderBlock {P} at (4,370) size 762x36
                 RenderText {TEXT} at (0,0) size 750x36
-                  text run at (0,0) width 619: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50"
-                  text run at (619,0) width 131: "x15, and the size has"
+                  text run at (0,0) width 750: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50x15, and the size has"
                   text run at (0,18) width 150: "been doubled using the "
                 RenderInline {CODE} at (0,0) size 48x15
                   RenderText {TEXT} at (150,20) size 48x15
index c21feece1eb3d981c8f42aa6ceef4b7dee594cbf..fa4d1611edc58bd224e608551f17b8700318606f 100644 (file)
@@ -9,17 +9,12 @@ layer at (0,0) size 802x2608
       RenderBlock {PRE} at (0,34) size 784x105
         RenderText {TEXT} at (0,0) size 360x105
           text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
-          text run at (0,15) width 136: ".one {margin: 0.5"
-          text run at (136,15) width 224: "in; background-color: aqua;}"
-          text run at (0,30) width 128: ".two {margin: 25"
-          text run at (128,30) width 224: "px; background-color: aqua;}"
-          text run at (0,45) width 136: ".three {margin: 5"
-          text run at (136,45) width 224: "em; background-color: aqua;}"
+          text run at (0,15) width 360: ".one {margin: 0.5in; background-color: aqua;}"
+          text run at (0,30) width 352: ".two {margin: 25px; background-color: aqua;}"
+          text run at (0,45) width 360: ".three {margin: 5em; background-color: aqua;}"
           text run at (0,60) width 352: ".four {margin: 25%; background-color: aqua;}"
-          text run at (0,75) width 136: ".five {margin: 25"
-          text run at (136,75) width 32: "px;}"
-          text run at (0,90) width 136: ".six {margin: -10"
-          text run at (136,90) width 224: "px; background-color: aqua;}"
+          text run at (0,75) width 168: ".five {margin: 25px;}"
+          text run at (0,90) width 360: ".six {margin: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,170) size 784x36
         RenderText {TEXT} at (0,0) size 738x36
@@ -58,8 +53,7 @@ layer at (0,0) size 802x2608
         RenderListItem {LI} at (40,0) size 694x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 375x18
-            text run at (0,0) width 171: "This list has a margin of 25"
-            text run at (171,0) width 204: "px, and a light blue background."
+            text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
         RenderListItem {LI} at (40,18) size 694x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 264x18
@@ -67,8 +61,7 @@ layer at (0,0) size 802x2608
         RenderListItem {LI} at (65,61) size 644x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 543x18
-            text run at (0,0) width 202: "This list item has a margin of 25"
-            text run at (202,0) width 341: "px, which should cause it to be offset in some fashion."
+            text run at (0,0) width 543: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
         RenderListItem {LI} at (40,104) size 694x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 294x18
@@ -78,8 +71,7 @@ layer at (0,0) size 802x2608
           text run at (0,0) width 203: "This element has a class of zero."
       RenderBlock {P} at (-10,1298) size 804x54 [bgcolor=#00FFFF]
         RenderText {TEXT} at (0,0) size 775x54
-          text run at (0,0) width 276: "This paragraph has an overall margin of -10"
-          text run at (276,0) width 482: "px, which should make it wider than usual as well as shift it upward and pull"
+          text run at (0,0) width 758: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
           text run at (0,18) width 369: "subsequent text up toward it, and a light blue background. "
           text run at (369,18) width 386: "In all other respects, however, the element should be normal. "
           text run at (755,18) width 20: "No"
@@ -137,8 +129,7 @@ layer at (0,0) size 802x2608
                 RenderListItem {LI} at (40,0) size 672x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 375x18
-                    text run at (0,0) width 171: "This list has a margin of 25"
-                    text run at (171,0) width 204: "px, and a light blue background."
+                    text run at (0,0) width 375: "This list has a margin of 25px, and a light blue background."
                 RenderListItem {LI} at (40,18) size 672x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 264x18
@@ -146,8 +137,7 @@ layer at (0,0) size 802x2608
                 RenderListItem {LI} at (65,61) size 622x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 543x18
-                    text run at (0,0) width 202: "This list item has a margin of 25"
-                    text run at (202,0) width 341: "px, which should cause it to be offset in some fashion."
+                    text run at (0,0) width 543: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
                 RenderListItem {LI} at (40,104) size 672x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 294x18
@@ -157,8 +147,7 @@ layer at (0,0) size 802x2608
                   text run at (0,0) width 203: "This element has a class of zero."
               RenderBlock {P} at (-6,1138) size 782x54 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (0,0) size 775x54
-                  text run at (0,0) width 276: "This paragraph has an overall margin of -10"
-                  text run at (276,0) width 482: "px, which should make it wider than usual as well as shift it upward and pull"
+                  text run at (0,0) width 758: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
                   text run at (0,18) width 369: "subsequent text up toward it, and a light blue background. "
                   text run at (369,18) width 386: "In all other respects, however, the element should be normal. "
                   text run at (755,18) width 20: "No"
index 046fcc9271758140fe319f7ee0d66d7c2424d9d8..7084ad302ac3f7ef5507716bf128a45ecf48a057 100644 (file)
@@ -9,17 +9,12 @@ layer at (0,0) size 800x1736
       RenderBlock {PRE} at (0,34) size 784x135
         RenderText {TEXT} at (0,0) size 416x120
           text run at (0,0) width 408: ".zero {background-color: silver; margin-bottom: 0;}"
-          text run at (0,15) width 192: ".one {margin-bottom: 0.5"
-          text run at (192,15) width 224: "in; background-color: aqua;}"
-          text run at (0,30) width 184: ".two {margin-bottom: 25"
-          text run at (184,30) width 224: "px; background-color: aqua;}"
-          text run at (0,45) width 192: ".three {margin-bottom: 5"
-          text run at (192,45) width 224: "em; background-color: aqua;}"
+          text run at (0,15) width 416: ".one {margin-bottom: 0.5in; background-color: aqua;}"
+          text run at (0,30) width 408: ".two {margin-bottom: 25px; background-color: aqua;}"
+          text run at (0,45) width 416: ".three {margin-bottom: 5em; background-color: aqua;}"
           text run at (0,60) width 408: ".four {margin-bottom: 25%; background-color: aqua;}"
-          text run at (0,75) width 192: ".five {margin-bottom: 25"
-          text run at (192,75) width 32: "px;}"
-          text run at (0,90) width 192: ".six {margin-bottom: -10"
-          text run at (192,90) width 224: "px; background-color: aqua;}"
+          text run at (0,75) width 224: ".five {margin-bottom: 25px;}"
+          text run at (0,90) width 416: ".six {margin-bottom: -10px; background-color: aqua;}"
           text run at (0,105) width 176: "P, UL {margin-top: 0;}"
       RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,192) size 784x18 [bgcolor=#C0C0C0]
@@ -51,8 +46,7 @@ layer at (0,0) size 800x1736
         RenderListItem {LI} at (40,0) size 744x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 424x18
-            text run at (0,0) width 220: "This list has a margin-bottom of 25"
-            text run at (220,0) width 204: "px, and a light blue background."
+            text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
         RenderListItem {LI} at (40,18) size 744x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 264x18
@@ -60,16 +54,14 @@ layer at (0,0) size 800x1736
         RenderListItem {LI} at (40,36) size 744x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 591x18
-            text run at (0,0) width 250: "This list item has a bottom margin of 25"
-            text run at (250,0) width 341: "px, which should cause it to be offset in some fashion."
+            text run at (0,0) width 591: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
         RenderListItem {LI} at (40,79) size 744x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 294x18
             text run at (0,0) width 294: "This list item has no special styles applied to it."
       RenderBlock {P} at (0,861) size 784x54 [bgcolor=#00FFFF]
         RenderText {TEXT} at (0,0) size 775x54
-          text run at (0,0) width 269: "This paragraph has a bottom margin of -10"
-          text run at (269,0) width 506: "px, which should cause elements after it to be shifted \"upward\" on the page, and"
+          text run at (0,0) width 775: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the page, and"
           text run at (0,18) width 96: "no top margin. "
           text run at (96,18) width 488: "No other styles have been applied to it besides a light blue background color. "
           text run at (584,18) width 149: "In all other respects, the"
@@ -121,8 +113,7 @@ layer at (0,0) size 800x1736
                 RenderListItem {LI} at (40,0) size 722x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 424x18
-                    text run at (0,0) width 220: "This list has a margin-bottom of 25"
-                    text run at (220,0) width 204: "px, and a light blue background."
+                    text run at (0,0) width 424: "This list has a margin-bottom of 25px, and a light blue background."
                 RenderListItem {LI} at (40,18) size 722x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 264x18
@@ -130,16 +121,14 @@ layer at (0,0) size 800x1736
                 RenderListItem {LI} at (40,36) size 722x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 591x18
-                    text run at (0,0) width 250: "This list item has a bottom margin of 25"
-                    text run at (250,0) width 341: "px, which should cause it to be offset in some fashion."
+                    text run at (0,0) width 591: "This list item has a bottom margin of 25px, which should cause it to be offset in some fashion."
                 RenderListItem {LI} at (40,79) size 722x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 294x18
                     text run at (0,0) width 294: "This list item has no special styles applied to it."
               RenderBlock {P} at (4,667) size 762x54 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (0,0) size 760x54
-                  text run at (0,0) width 269: "This paragraph has a bottom margin of -10"
-                  text run at (269,0) width 479: "px, which should cause elements after it to be shifted \"upward\" on the page,"
+                  text run at (0,0) width 748: "This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted \"upward\" on the page,"
                   text run at (0,18) width 123: "and no top margin. "
                   text run at (123,18) width 488: "No other styles have been applied to it besides a light blue background color. "
                   text run at (611,18) width 149: "In all other respects, the"
index c53f76d27294b3aa17cdeba8cf9edac82190281f..57a7bdedfe881be0443dc4fa7f4c8f7c5440b6c4 100644 (file)
@@ -8,10 +8,8 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x30
         RenderText {TEXT} at (0,0) size 416x30
-          text run at (0,0) width 184: ".one {margin-bottom: 25"
-          text run at (184,0) width 224: "px; background-color: aqua;}"
-          text run at (0,15) width 192: ".two {margin-bottom: -10"
-          text run at (192,15) width 224: "px; background-color: aqua;}"
+          text run at (0,0) width 408: ".one {margin-bottom: 25px; background-color: aqua;}"
+          text run at (0,15) width 416: ".two {margin-bottom: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,95) size 784x54 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 481x18
@@ -25,8 +23,7 @@ layer at (0,0) size 800x600
               text run at (624,2) width 24: "one"
           RenderText {TEXT} at (648,0) size 761x36
             text run at (648,0) width 113: ", giving it an aqua"
-            text run at (0,18) width 133: "background and a 25"
-            text run at (133,18) width 112: "px bottom margin"
+            text run at (0,18) width 245: "background and a 25px bottom margin"
         RenderText {TEXT} at (245,18) size 784x36
           text run at (245,18) width 8: ". "
           text run at (253,18) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
@@ -43,8 +40,7 @@ layer at (0,0) size 800x600
               text run at (624,2) width 24: "two"
           RenderText {TEXT} at (648,0) size 761x36
             text run at (648,0) width 113: ", giving it an aqua"
-            text run at (0,18) width 138: "background and a -10"
-            text run at (138,18) width 112: "px bottom margin"
+            text run at (0,18) width 250: "background and a -10px bottom margin"
         RenderText {TEXT} at (250,18) size 763x36
           text run at (250,18) width 8: ". "
           text run at (258,18) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
@@ -73,8 +69,7 @@ layer at (0,0) size 800x600
                       text run at (624,2) width 24: "one"
                   RenderText {TEXT} at (648,0) size 761x36
                     text run at (648,0) width 113: ", giving it an aqua"
-                    text run at (0,18) width 133: "background and a 25"
-                    text run at (133,18) width 112: "px bottom margin"
+                    text run at (0,18) width 245: "background and a 25px bottom margin"
                 RenderText {TEXT} at (245,18) size 758x36
                   text run at (245,18) width 8: ". "
                   text run at (253,18) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
@@ -91,8 +86,7 @@ layer at (0,0) size 800x600
                       text run at (624,2) width 24: "two"
                   RenderText {TEXT} at (648,0) size 761x36
                     text run at (648,0) width 113: ", giving it an aqua"
-                    text run at (0,18) width 138: "background and a -10"
-                    text run at (138,18) width 112: "px bottom margin"
+                    text run at (0,18) width 250: "background and a -10px bottom margin"
                 RenderText {TEXT} at (250,18) size 747x36
                   text run at (250,18) width 8: ". "
                   text run at (258,18) width 489: "Margins on inline elements does not affect line-height calculations, so all lines"
index 75173ba748ce3cc3b16bc4d4577ac60153273c92..b2232773e1296c236160a5031c3eb5e00c6bf8d1 100644 (file)
@@ -9,10 +9,8 @@ layer at (0,0) size 800x696
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 360x45
           text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
-          text run at (0,15) width 128: ".one {margin: 25"
-          text run at (128,15) width 224: "px; background-color: aqua;}"
-          text run at (0,30) width 136: ".two {margin: -10"
-          text run at (136,30) width 224: "px; background-color: aqua;}"
+          text run at (0,15) width 352: ".one {margin: 25px; background-color: aqua;}"
+          text run at (0,30) width 360: ".two {margin: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,102) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
@@ -29,16 +27,13 @@ layer at (0,0) size 800x696
               text run at (649,2) width 24: "one"
           RenderText {TEXT} at (673,0) size 752x36
             text run at (673,0) width 79: ", giving it an"
-            text run at (0,18) width 167: "aqua background and a 25"
-            text run at (167,18) width 64: "px margin"
+            text run at (0,18) width 231: "aqua background and a 25px margin"
         RenderText {TEXT} at (256,18) size 769x54
           text run at (256,18) width 8: ". "
           text run at (264,18) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
           text run at (0,36) width 293: "this element should have the same line-height. "
-          text run at (293,36) width 194: "However, there should be a 25"
-          text run at (487,36) width 279: "px margin to the left side of the inline box in"
-          text run at (0,54) width 200: "the first line it appears, and a 25"
-          text run at (200,54) width 527: "px margin to the right side of the inline element box in the last line where it appears."
+          text run at (293,36) width 473: "However, there should be a 25px margin to the left side of the inline box in"
+          text run at (0,54) width 727: "the first line it appears, and a 25px margin to the right side of the inline element box in the last line where it appears."
       RenderBlock {P} at (0,224) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
@@ -54,16 +49,13 @@ layer at (0,0) size 800x696
               text run at (614,2) width 24: "two"
           RenderText {TEXT} at (638,0) size 751x36
             text run at (638,0) width 113: ", giving it an aqua"
-            text run at (0,18) width 138: "background and a -10"
-            text run at (138,18) width 64: "px margin"
+            text run at (0,18) width 202: "background and a -10px margin"
         RenderText {TEXT} at (192,18) size 784x54
           text run at (192,18) width 8: ". "
           text run at (200,18) width 584: "Margins on inline elements does not affect line-height calculations, so all lines in this element"
           text run at (0,36) width 214: "should have the same line-height. "
-          text run at (214,36) width 199: "However, there should be a -10"
-          text run at (413,36) width 369: "px margin to the left side of the inline box in the first line it"
-          text run at (0,54) width 115: "appears, and a -10"
-          text run at (115,54) width 527: "px margin to the right side of the inline element box in the last line where it appears."
+          text run at (214,36) width 568: "However, there should be a -10px margin to the left side of the inline box in the first line it"
+          text run at (0,54) width 642: "appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
       RenderBlock {P} at (0,346) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
           text run at (0,0) width 203: "This element has a class of zero."
@@ -94,16 +86,13 @@ layer at (0,0) size 800x696
                       text run at (649,2) width 24: "one"
                   RenderText {TEXT} at (673,0) size 752x36
                     text run at (673,0) width 79: ", giving it an"
-                    text run at (0,18) width 167: "aqua background and a 25"
-                    text run at (167,18) width 64: "px margin"
+                    text run at (0,18) width 231: "aqua background and a 25px margin"
                 RenderText {TEXT} at (256,18) size 753x72
                   text run at (256,18) width 8: ". "
                   text run at (264,18) width 489: "Margins on inline elements does not affect line-height calculations, so all lines"
                   text run at (0,36) width 309: "in this element should have the same line-height. "
-                  text run at (309,36) width 194: "However, there should be a 25"
-                  text run at (503,36) width 235: "px margin to the left side of the inline"
-                  text run at (0,54) width 244: "box in the first line it appears, and a 25"
-                  text run at (244,54) width 471: "px margin to the right side of the inline element box in the last line where it"
+                  text run at (309,36) width 429: "However, there should be a 25px margin to the left side of the inline"
+                  text run at (0,54) width 715: "box in the first line it appears, and a 25px margin to the right side of the inline element box in the last line where it"
                   text run at (0,72) width 52: "appears."
               RenderBlock {P} at (4,144) size 762x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
@@ -120,16 +109,13 @@ layer at (0,0) size 800x696
                       text run at (614,2) width 24: "two"
                   RenderText {TEXT} at (638,0) size 751x36
                     text run at (638,0) width 113: ", giving it an aqua"
-                    text run at (0,18) width 138: "background and a -10"
-                    text run at (138,18) width 64: "px margin"
+                    text run at (0,18) width 202: "background and a -10px margin"
                 RenderText {TEXT} at (192,18) size 745x54
                   text run at (192,18) width 8: ". "
                   text run at (200,18) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
                   text run at (0,36) width 267: "element should have the same line-height. "
-                  text run at (267,36) width 199: "However, there should be a -10"
-                  text run at (466,36) width 279: "px margin to the left side of the inline box in"
-                  text run at (0,54) width 205: "the first line it appears, and a -10"
-                  text run at (205,54) width 527: "px margin to the right side of the inline element box in the last line where it appears."
+                  text run at (267,36) width 478: "However, there should be a -10px margin to the left side of the inline box in"
+                  text run at (0,54) width 732: "the first line it appears, and a -10px margin to the right side of the inline element box in the last line where it appears."
               RenderBlock {P} at (4,266) size 762x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
                   text run at (0,0) width 203: "This element has a class of zero."
index 169886a1e5a83539243f63288b6bcac8ef7ac68c..8039ca97a22fc7f8a49d934d13c56a0c5cb5f2e3 100644 (file)
@@ -9,15 +9,11 @@ layer at (0,0) size 800x987
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 408x90
           text run at (0,0) width 392: ".zero {background-color: silver; margin-left: 0;}"
-          text run at (0,15) width 176: ".one {margin-left: 0.5"
-          text run at (176,15) width 224: "in; background-color: aqua;}"
-          text run at (0,30) width 168: ".two {margin-left: 25"
-          text run at (168,30) width 224: "px; background-color: aqua;}"
-          text run at (0,45) width 176: ".three {margin-left: 5"
-          text run at (176,45) width 224: "em; background-color: aqua;}"
+          text run at (0,15) width 400: ".one {margin-left: 0.5in; background-color: aqua;}"
+          text run at (0,30) width 392: ".two {margin-left: 25px; background-color: aqua;}"
+          text run at (0,45) width 400: ".three {margin-left: 5em; background-color: aqua;}"
           text run at (0,60) width 392: ".four {margin-left: 25%; background-color: aqua;}"
-          text run at (0,75) width 184: ".five {margin-left: -10"
-          text run at (184,75) width 224: "px; background-color: aqua;}"
+          text run at (0,75) width 408: ".five {margin-left: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
@@ -56,8 +52,7 @@ layer at (0,0) size 800x987
           text run at (0,0) width 203: "This element has a class of zero."
       RenderBlock {P} at (-10,483) size 794x54 [bgcolor=#00FFFF]
         RenderText {TEXT} at (0,0) size 789x54
-          text run at (0,0) width 245: "This paragraph has a left margin of -10"
-          text run at (245,0) width 544: "px, which should cause it to be wider than it might otherwise be, and it has a light blue"
+          text run at (0,0) width 789: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light blue"
           text run at (0,18) width 83: "background. "
           text run at (83,18) width 386: "In all other respects, however, the element should be normal. "
           text run at (469,18) width 278: "No styles have been applied to it besides the"
@@ -111,8 +106,7 @@ layer at (0,0) size 800x987
                   text run at (0,0) width 203: "This element has a class of zero."
               RenderBlock {P} at (-6,332) size 772x54 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (0,0) size 758x54
-                  text run at (0,0) width 245: "This paragraph has a left margin of -10"
-                  text run at (245,0) width 513: "px, which should cause it to be wider than it might otherwise be, and it has a light"
+                  text run at (0,0) width 758: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
                   text run at (0,18) width 114: "blue background. "
                   text run at (114,18) width 386: "In all other respects, however, the element should be normal. "
                   text run at (500,18) width 255: "No styles have been applied to it besides"
index 6dd70375540c246f17988d206fb6eb164c4b2f17..78c6c3f1c637bf551582c53a779c56ad1736c7ab 100644 (file)
@@ -8,10 +8,8 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x30
         RenderText {TEXT} at (0,0) size 400x30
-          text run at (0,0) width 168: ".one {margin-left: 25"
-          text run at (168,0) width 224: "px; background-color: aqua;}"
-          text run at (0,15) width 176: ".two {margin-left: -10"
-          text run at (176,15) width 224: "px; background-color: aqua;}"
+          text run at (0,0) width 392: ".one {margin-left: 25px; background-color: aqua;}"
+          text run at (0,15) width 400: ".two {margin-left: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,95) size 784x36 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 543x18
@@ -43,8 +41,7 @@ layer at (0,0) size 800x600
               text run at (676,2) width 24: "two"
         RenderText {TEXT} at (700,0) size 747x36
           text run at (700,0) width 47: ", which"
-          text run at (0,18) width 121: "should result in -10"
-          text run at (121,18) width 163: "px left margin only in the "
+          text run at (0,18) width 284: "should result in -10px left margin only in the "
         RenderInline {STRONG} at (0,0) size 27x18
           RenderText {TEXT} at (284,18) size 27x18
             text run at (284,18) width 27: "first"
@@ -92,8 +89,7 @@ layer at (0,0) size 800x600
                       text run at (676,2) width 24: "two"
                 RenderText {TEXT} at (700,0) size 747x36
                   text run at (700,0) width 47: ", which"
-                  text run at (0,18) width 121: "should result in -10"
-                  text run at (121,18) width 163: "px left margin only in the "
+                  text run at (0,18) width 284: "should result in -10px left margin only in the "
                 RenderInline {STRONG} at (0,0) size 27x18
                   RenderText {TEXT} at (284,18) size 27x18
                     text run at (284,18) width 27: "first"
index 4ea5ec28e89d3a758d52e2cb8687800ddb4b8b55..b105055733b3e098ddc305c305073b4fdf12b742 100644 (file)
@@ -9,15 +9,11 @@ layer at (0,0) size 802x1005
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 560x90
           text run at (0,0) width 552: ".zero {background-color: silver; margin-right: 0; text-align: right;}"
-          text run at (0,15) width 184: ".one {margin-right: 0.5"
-          text run at (184,15) width 376: "in; text-align: right; background-color: aqua;}"
-          text run at (0,30) width 176: ".two {margin-right: 25"
-          text run at (176,30) width 376: "px; text-align: right; background-color: aqua;}"
-          text run at (0,45) width 184: ".three {margin-right: 5"
-          text run at (184,45) width 376: "em; text-align: right; background-color: aqua;}"
+          text run at (0,15) width 560: ".one {margin-right: 0.5in; text-align: right; background-color: aqua;}"
+          text run at (0,30) width 552: ".two {margin-right: 25px; text-align: right; background-color: aqua;}"
+          text run at (0,45) width 560: ".three {margin-right: 5em; text-align: right; background-color: aqua;}"
           text run at (0,60) width 552: ".four {margin-right: 25%; text-align: right; background-color: aqua;}"
-          text run at (0,75) width 192: ".five {margin-right: -10"
-          text run at (192,75) width 224: "px; background-color: aqua;}"
+          text run at (0,75) width 416: ".five {margin-right: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (581,0) size 203x18
@@ -56,8 +52,7 @@ layer at (0,0) size 802x1005
           text run at (581,0) width 203: "This element has a class of zero."
       RenderBlock {P} at (0,483) size 794x54 [bgcolor=#00FFFF]
         RenderText {TEXT} at (0,0) size 778x54
-          text run at (0,0) width 254: "This paragraph has a right margin of -10"
-          text run at (254,0) width 513: "px, which should cause it to be wider than it might otherwise be, and it has a light"
+          text run at (0,0) width 767: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
           text run at (0,18) width 114: "blue background. "
           text run at (114,18) width 386: "In all other respects, however, the element should be normal. "
           text run at (500,18) width 278: "No styles have been applied to it besides the"
@@ -112,8 +107,7 @@ layer at (0,0) size 802x1005
                   text run at (559,0) width 203: "This element has a class of zero."
               RenderBlock {P} at (4,350) size 772x54 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (0,0) size 767x54
-                  text run at (0,0) width 254: "This paragraph has a right margin of -10"
-                  text run at (254,0) width 513: "px, which should cause it to be wider than it might otherwise be, and it has a light"
+                  text run at (0,0) width 767: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
                   text run at (0,18) width 114: "blue background. "
                   text run at (114,18) width 386: "In all other respects, however, the element should be normal. "
                   text run at (500,18) width 255: "No styles have been applied to it besides"
index 5ea70f3d0583d314e8beac673dc3fe6179aabc64..a8337c32ae7fd94dfdf0fc91c79a8f21cee1709b 100644 (file)
@@ -8,10 +8,8 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x30
         RenderText {TEXT} at (0,0) size 552x30
-          text run at (0,0) width 176: ".one {margin-right: 25"
-          text run at (176,0) width 376: "px; text-align: right; background-color: aqua;}"
-          text run at (0,15) width 184: ".two {margin-right: -10"
-          text run at (184,15) width 224: "px; background-color: aqua;}"
+          text run at (0,0) width 552: ".one {margin-right: 25px; text-align: right; background-color: aqua;}"
+          text run at (0,15) width 408: ".two {margin-right: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,95) size 784x36 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 543x18
@@ -43,8 +41,7 @@ layer at (0,0) size 800x600
               text run at (686,2) width 24: "two"
         RenderText {TEXT} at (700,0) size 747x36
           text run at (700,0) width 47: ", which"
-          text run at (0,18) width 121: "should result in -10"
-          text run at (121,18) width 172: "px right margin only in the "
+          text run at (0,18) width 293: "should result in -10px right margin only in the "
         RenderInline {STRONG} at (0,0) size 23x18
           RenderText {TEXT} at (293,18) size 23x18
             text run at (293,18) width 23: "last"
@@ -92,8 +89,7 @@ layer at (0,0) size 800x600
                       text run at (686,2) width 24: "two"
                 RenderText {TEXT} at (700,0) size 747x36
                   text run at (700,0) width 47: ", which"
-                  text run at (0,18) width 121: "should result in -10"
-                  text run at (121,18) width 172: "px right margin only in the "
+                  text run at (0,18) width 293: "should result in -10px right margin only in the "
                 RenderInline {STRONG} at (0,0) size 23x18
                   RenderText {TEXT} at (293,18) size 23x18
                     text run at (293,18) width 23: "last"
index 704e763b5d48610b4bc00f0e9c1e3fec80d344ce..949a80721db794f7d8e6bb91179d957edca55a35 100644 (file)
@@ -9,17 +9,12 @@ layer at (0,0) size 800x1646
       RenderBlock {PRE} at (0,31) size 784x120
         RenderText {TEXT} at (0,0) size 392x120
           text run at (0,0) width 384: ".zero {background-color: silver; margin-top: 0;}"
-          text run at (0,15) width 168: ".one {margin-top: 0.5"
-          text run at (168,15) width 224: "in; background-color: aqua;}"
-          text run at (0,30) width 160: ".two {margin-top: 25"
-          text run at (160,30) width 224: "px; background-color: aqua;}"
-          text run at (0,45) width 168: ".three {margin-top: 5"
-          text run at (168,45) width 224: "em; background-color: aqua;}"
+          text run at (0,15) width 392: ".one {margin-top: 0.5in; background-color: aqua;}"
+          text run at (0,30) width 384: ".two {margin-top: 25px; background-color: aqua;}"
+          text run at (0,45) width 392: ".three {margin-top: 5em; background-color: aqua;}"
           text run at (0,60) width 384: ".four {margin-top: 25%; background-color: aqua;}"
-          text run at (0,75) width 168: ".five {margin-top: 25"
-          text run at (168,75) width 32: "px;}"
-          text run at (0,90) width 168: ".six {margin-top: -10"
-          text run at (168,90) width 224: "px; background-color: aqua;}"
+          text run at (0,75) width 200: ".five {margin-top: 25px;}"
+          text run at (0,90) width 392: ".six {margin-top: -10px; background-color: aqua;}"
           text run at (0,105) width 200: "P, UL {margin-bottom: 0;}"
       RenderBlock {HR} at (0,164) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,174) size 784x18 [bgcolor=#C0C0C0]
@@ -49,8 +44,7 @@ layer at (0,0) size 800x1646
         RenderListItem {LI} at (40,0) size 744x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 400x18
-            text run at (0,0) width 196: "This list has a margin-top of 25"
-            text run at (196,0) width 204: "px, and a light blue background."
+            text run at (0,0) width 400: "This list has a margin-top of 25px, and a light blue background."
         RenderListItem {LI} at (40,18) size 744x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 264x18
@@ -58,8 +52,7 @@ layer at (0,0) size 800x1646
         RenderListItem {LI} at (40,61) size 744x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 567x18
-            text run at (0,0) width 226: "This list item has a top margin of 25"
-            text run at (226,0) width 341: "px, which should cause it to be offset in some fashion."
+            text run at (0,0) width 567: "This list item has a top margin of 25px, which should cause it to be offset in some fashion."
         RenderListItem {LI} at (40,79) size 744x18
           RenderListMarker at (0,0) size 0x14
           RenderText {TEXT} at (0,0) size 294x18
@@ -69,8 +62,7 @@ layer at (0,0) size 800x1646
           text run at (0,0) width 203: "This element has a class of zero."
       RenderBlock {P} at (0,833) size 784x54 [bgcolor=#00FFFF]
         RenderText {TEXT} at (0,0) size 766x54
-          text run at (0,0) width 231: "This element has a top margin of -10"
-          text run at (231,0) width 535: "px, which should cause it to be shifted \"upward\" on the page, and no bottom margin."
+          text run at (0,0) width 766: "This element has a top margin of -10px, which should cause it to be shifted \"upward\" on the page, and no bottom margin."
           text run at (0,18) width 488: "No other styles have been applied to it besides a light blue background color. "
           text run at (488,18) width 267: "In all other respects, the element should be"
           text run at (0,36) width 48: "normal."
@@ -113,8 +105,7 @@ layer at (0,0) size 800x1646
                 RenderListItem {LI} at (40,0) size 722x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 400x18
-                    text run at (0,0) width 196: "This list has a margin-top of 25"
-                    text run at (196,0) width 204: "px, and a light blue background."
+                    text run at (0,0) width 400: "This list has a margin-top of 25px, and a light blue background."
                 RenderListItem {LI} at (40,18) size 722x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 264x18
@@ -122,8 +113,7 @@ layer at (0,0) size 800x1646
                 RenderListItem {LI} at (40,61) size 722x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 567x18
-                    text run at (0,0) width 226: "This list item has a top margin of 25"
-                    text run at (226,0) width 341: "px, which should cause it to be offset in some fashion."
+                    text run at (0,0) width 567: "This list item has a top margin of 25px, which should cause it to be offset in some fashion."
                 RenderListItem {LI} at (40,79) size 722x18
                   RenderListMarker at (0,0) size 0x14
                   RenderText {TEXT} at (0,0) size 294x18
@@ -133,8 +123,7 @@ layer at (0,0) size 800x1646
                   text run at (0,0) width 203: "This element has a class of zero."
               RenderBlock {P} at (4,657) size 762x54 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (0,0) size 742x54
-                  text run at (0,0) width 231: "This element has a top margin of -10"
-                  text run at (231,0) width 483: "px, which should cause it to be shifted \"upward\" on the page, and no bottom"
+                  text run at (0,0) width 714: "This element has a top margin of -10px, which should cause it to be shifted \"upward\" on the page, and no bottom"
                   text run at (0,18) width 52: "margin. "
                   text run at (52,18) width 488: "No other styles have been applied to it besides a light blue background color. "
                   text run at (540,18) width 202: "In all other respects, the element"
index af35d438bec32a11257e8b3cf020980133bedb3a..2d68eb23d9f0fa8175b8cdee374161c9794a7a43 100644 (file)
@@ -9,10 +9,8 @@ layer at (0,0) size 800x600
       RenderBlock {PRE} at (0,34) size 784x60
         RenderText {TEXT} at (0,0) size 392x45
           text run at (0,0) width 384: ".zero {background-color: silver; margin-top: 0;}"
-          text run at (0,15) width 160: ".one {margin-top: 25"
-          text run at (160,15) width 224: "px; background-color: aqua;}"
-          text run at (0,30) width 168: ".two {margin-top: -10"
-          text run at (168,30) width 224: "px; background-color: aqua;}"
+          text run at (0,15) width 384: ".one {margin-top: 25px; background-color: aqua;}"
+          text run at (0,30) width 392: ".two {margin-top: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,125) size 784x54 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 477x18
@@ -26,8 +24,7 @@ layer at (0,0) size 800x600
               text run at (620,2) width 24: "one"
           RenderText {TEXT} at (644,0) size 757x36
             text run at (644,0) width 113: ", giving it an aqua"
-            text run at (0,18) width 133: "background and a 25"
-            text run at (133,18) width 88: "px top margin"
+            text run at (0,18) width 221: "background and a 25px top margin"
         RenderText {TEXT} at (221,18) size 747x36
           text run at (221,18) width 8: ". "
           text run at (229,18) width 518: "Margins on inline elements do not affect line-height calculations, so all lines in this"
@@ -44,8 +41,7 @@ layer at (0,0) size 800x600
               text run at (620,2) width 24: "two"
           RenderText {TEXT} at (644,0) size 754x36
             text run at (644,0) width 110: ", giving the inline"
-            text run at (0,18) width 244: "element an aqua background and a -10"
-            text run at (244,18) width 88: "px top margin"
+            text run at (0,18) width 332: "element an aqua background and a -10px top margin"
         RenderText {TEXT} at (332,18) size 783x36
           text run at (332,18) width 8: ". "
           text run at (340,18) width 443: "Margins on inline elements do not affect line-height calculations, so all"
@@ -74,8 +70,7 @@ layer at (0,0) size 800x600
                       text run at (620,2) width 24: "one"
                   RenderText {TEXT} at (644,0) size 757x36
                     text run at (644,0) width 113: ", giving it an aqua"
-                    text run at (0,18) width 133: "background and a 25"
-                    text run at (133,18) width 88: "px top margin"
+                    text run at (0,18) width 221: "background and a 25px top margin"
                 RenderText {TEXT} at (221,18) size 747x36
                   text run at (221,18) width 8: ". "
                   text run at (229,18) width 518: "Margins on inline elements do not affect line-height calculations, so all lines in this"
@@ -92,8 +87,7 @@ layer at (0,0) size 800x600
                       text run at (620,2) width 24: "two"
                   RenderText {TEXT} at (644,0) size 754x36
                     text run at (644,0) width 110: ", giving the inline"
-                    text run at (0,18) width 244: "element an aqua background and a -10"
-                    text run at (244,18) width 88: "px top margin"
+                    text run at (0,18) width 332: "element an aqua background and a -10px top margin"
                 RenderText {TEXT} at (332,18) size 746x36
                   text run at (332,18) width 8: ". "
                   text run at (340,18) width 406: "Margins on inline elements do not affect line-height calculations,"
index f2adbfc230845a3b5357f1b5b438604bc24a6afc..d19c786c5cc3b68ee974275941c98356b8baec76 100644 (file)
@@ -9,15 +9,11 @@ layer at (0,0) size 800x2235
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 376x90
           text run at (0,0) width 360: ".zero {background-color: silver; padding: 0;}"
-          text run at (0,15) width 144: ".one {padding: 0.5"
-          text run at (144,15) width 224: "in; background-color: aqua;}"
-          text run at (0,30) width 136: ".two {padding: 25"
-          text run at (136,30) width 224: "px; background-color: aqua;}"
-          text run at (0,45) width 144: ".three {padding: 5"
-          text run at (144,45) width 224: "em; background-color: aqua;}"
+          text run at (0,15) width 368: ".one {padding: 0.5in; background-color: aqua;}"
+          text run at (0,30) width 360: ".two {padding: 25px; background-color: aqua;}"
+          text run at (0,45) width 368: ".three {padding: 5em; background-color: aqua;}"
           text run at (0,60) width 360: ".four {padding: 25%; background-color: aqua;}"
-          text run at (0,75) width 152: ".five {padding: -20"
-          text run at (152,75) width 224: "px; background-color: aqua;}"
+          text run at (0,75) width 376: ".five {padding: -20px; background-color: aqua;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
index d789ceb14f4a1f4811b9919afbb7f8ca20ad30fe..3c64bb7b0eb6609d5c345600132d1556d40b65af 100644 (file)
@@ -9,15 +9,11 @@ layer at (0,0) size 800x1539
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 432x90
           text run at (0,0) width 416: ".zero {background-color: silver; padding-bottom: 0;}"
-          text run at (0,15) width 200: ".one {padding-bottom: 0.5"
-          text run at (200,15) width 224: "in; background-color: aqua;}"
-          text run at (0,30) width 192: ".two {padding-bottom: 25"
-          text run at (192,30) width 224: "px; background-color: aqua;}"
-          text run at (0,45) width 200: ".three {padding-bottom: 5"
-          text run at (200,45) width 224: "em; background-color: aqua;}"
+          text run at (0,15) width 424: ".one {padding-bottom: 0.5in; background-color: aqua;}"
+          text run at (0,30) width 416: ".two {padding-bottom: 25px; background-color: aqua;}"
+          text run at (0,45) width 424: ".three {padding-bottom: 5em; background-color: aqua;}"
           text run at (0,60) width 416: ".four {padding-bottom: 25%; background-color: aqua;}"
-          text run at (0,75) width 208: ".five {padding-bottom: -20"
-          text run at (208,75) width 224: "px; background-color: aqua;}"
+          text run at (0,75) width 432: ".five {padding-bottom: -20px; background-color: aqua;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
index b4d329dd35539f9fa0aaa5db960e529f9d7f5f86..77f60656664c8ecae2ca83f7784de844b1e67f13 100644 (file)
@@ -8,10 +8,8 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 424x30
-          text run at (0,0) width 192: ".one {padding-bottom: 25"
-          text run at (192,0) width 224: "px; background-color: aqua;}"
-          text run at (0,15) width 200: ".two {padding-bottom: -10"
-          text run at (200,15) width 224: "px; background-color: aqua;}"
+          text run at (0,0) width 416: ".one {padding-bottom: 25px; background-color: aqua;}"
+          text run at (0,15) width 424: ".two {padding-bottom: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x72 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 477x18
@@ -25,8 +23,7 @@ layer at (0,0) size 800x600
               text run at (620,2) width 24: "one"
           RenderText {TEXT} at (644,0) size 757x36
             text run at (644,0) width 113: ", giving it an aqua"
-            text run at (0,18) width 133: "background and a 25"
-            text run at (133,18) width 119: "px bottom padding"
+            text run at (0,18) width 252: "background and a 25px bottom padding"
         RenderText {TEXT} at (252,18) size 781x54
           text run at (252,18) width 8: ". "
           text run at (260,18) width 505: "Padding on inline elements does not affect line-height calculations, so all lines in"
@@ -74,8 +71,7 @@ layer at (0,0) size 800x600
                       text run at (620,2) width 24: "one"
                   RenderText {TEXT} at (644,0) size 757x36
                     text run at (644,0) width 113: ", giving it an aqua"
-                    text run at (0,18) width 133: "background and a 25"
-                    text run at (133,18) width 119: "px bottom padding"
+                    text run at (0,18) width 252: "background and a 25px bottom padding"
                 RenderText {TEXT} at (252,18) size 749x54
                   text run at (252,18) width 8: ". "
                   text run at (260,18) width 489: "Padding on inline elements does not affect line-height calculations, so all lines"
index 5372915b16ccbb108e30d427e6a9eec991b8da6e..dae98f298e6499138cdbb014d4e15b29c7f59231 100644 (file)
@@ -9,10 +9,8 @@ layer at (0,0) size 800x753
       RenderBlock {PRE} at (0,34) size 784x60
         RenderText {TEXT} at (0,0) size 368x45
           text run at (0,0) width 360: ".zero {background-color: silver; padding: 0;}"
-          text run at (0,15) width 136: ".one {padding: 25"
-          text run at (136,15) width 224: "px; background-color: aqua;}"
-          text run at (0,30) width 144: ".two {padding: -10"
-          text run at (144,30) width 224: "px; background-color: aqua;}"
+          text run at (0,15) width 360: ".one {padding: 25px; background-color: aqua;}"
+          text run at (0,30) width 368: ".two {padding: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,107) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,125) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
@@ -29,18 +27,15 @@ layer at (0,0) size 800x753
               text run at (645,2) width 24: "one"
           RenderText {TEXT} at (669,0) size 782x36
             text run at (669,0) width 113: ", giving it an aqua"
-            text run at (0,18) width 133: "background and a 25"
-            text run at (133,18) width 71: "px padding"
+            text run at (0,18) width 204: "background and a 25px padding"
         RenderText {TEXT} at (229,18) size 780x90
           text run at (229,18) width 8: ". "
           text run at (237,18) width 531: "Padding on inline elements does not affect line-height calculations, so all lines in this"
           text run at (0,36) width 267: "element should have the same line-height. "
           text run at (267,36) width 488: "There may be implementation-specific limits on how much of the padding the"
           text run at (0,54) width 353: "user agent is able to display above and below each line. "
-          text run at (353,54) width 230: "However, there should be at least 25"
-          text run at (583,54) width 197: "px of padding to the left side of"
-          text run at (0,72) width 295: "the inline box in the first line it appears, and 25"
-          text run at (295,72) width 483: "px of padding to the right side of the inline element box in the last line where"
+          text run at (353,54) width 427: "However, there should be at least 25px of padding to the left side of"
+          text run at (0,72) width 778: "the inline box in the first line it appears, and 25px of padding to the right side of the inline element box in the last line where"
           text run at (0,90) width 64: "it appears."
       RenderBlock {P} at (0,283) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
@@ -92,18 +87,15 @@ layer at (0,0) size 800x753
                       text run at (645,2) width 24: "one"
                   RenderText {TEXT} at (669,0) size 748x36
                     text run at (669,0) width 79: ", giving it an"
-                    text run at (0,18) width 167: "aqua background and a 25"
-                    text run at (167,18) width 71: "px padding"
+                    text run at (0,18) width 238: "aqua background and a 25px padding"
                 RenderText {TEXT} at (263,18) size 760x90
                   text run at (263,18) width 8: ". "
                   text run at (271,18) width 489: "Padding on inline elements does not affect line-height calculations, so all lines"
                   text run at (0,36) width 309: "in this element should have the same line-height. "
                   text run at (309,36) width 410: "There may be implementation-specific limits on how much of the"
                   text run at (0,54) width 431: "padding the user agent is able to display above and below each line. "
-                  text run at (431,54) width 230: "However, there should be at least 25"
-                  text run at (661,54) width 88: "px of padding"
-                  text run at (0,72) width 404: "to the left side of the inline box in the first line it appears, and 25"
-                  text run at (404,72) width 349: "px of padding to the right side of the inline element box"
+                  text run at (431,54) width 318: "However, there should be at least 25px of padding"
+                  text run at (0,72) width 753: "to the left side of the inline box in the first line it appears, and 25px of padding to the right side of the inline element box"
                   text run at (0,90) width 198: "in the last line where it appears."
               RenderBlock {P} at (4,162) size 762x18 [bgcolor=#C0C0C0]
                 RenderText {TEXT} at (0,0) size 203x18
index f1553df5820e89f2b4615d7c8975144709a8386a..82547c70efc297b179f5b3ab5edb3ea3ae659d22 100644 (file)
@@ -9,15 +9,11 @@ layer at (0,0) size 800x991
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 416x90
           text run at (0,0) width 400: ".zero {background-color: silver; padding-left: 0;}"
-          text run at (0,15) width 184: ".one {padding-left: 0.5"
-          text run at (184,15) width 224: "in; background-color: aqua;}"
-          text run at (0,30) width 176: ".two {padding-left: 25"
-          text run at (176,30) width 224: "px; background-color: aqua;}"
-          text run at (0,45) width 184: ".three {padding-left: 5"
-          text run at (184,45) width 224: "em; background-color: aqua;}"
+          text run at (0,15) width 408: ".one {padding-left: 0.5in; background-color: aqua;}"
+          text run at (0,30) width 400: ".two {padding-left: 25px; background-color: aqua;}"
+          text run at (0,45) width 408: ".three {padding-left: 5em; background-color: aqua;}"
           text run at (0,60) width 400: ".four {padding-left: 25%; background-color: aqua;}"
-          text run at (0,75) width 192: ".five {padding-left: -20"
-          text run at (192,75) width 224: "px; background-color: aqua;}"
+          text run at (0,75) width 416: ".five {padding-left: -20px; background-color: aqua;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
@@ -34,8 +30,7 @@ layer at (0,0) size 800x991
           text run at (25,18) width 356: "background and the padding should be aqua (light blue)."
       RenderBlock {P} at (0,293) size 784x36 [bgcolor=#00FFFF]
         RenderText {TEXT} at (80,0) size 690x36
-          text run at (80,0) width 280: "This element should have a left padding of 5"
-          text run at (360,0) width 306: "em, which will require extra text in order to test. "
+          text run at (80,0) width 586: "This element should have a left padding of 5em, which will require extra text in order to test. "
           text run at (666,0) width 104: "Both the content"
           text run at (80,18) width 356: "background and the padding should be aqua (light blue)."
       RenderBlock {P} at (0,345) size 784x54 [bgcolor=#00FFFF]
@@ -87,8 +82,7 @@ layer at (0,0) size 800x991
                   text run at (25,18) width 356: "background and the padding should be aqua (light blue)."
               RenderBlock {P} at (4,142) size 762x36 [bgcolor=#00FFFF]
                 RenderText {TEXT} at (80,0) size 640x36
-                  text run at (80,0) width 280: "This element should have a left padding of 5"
-                  text run at (360,0) width 306: "em, which will require extra text in order to test. "
+                  text run at (80,0) width 586: "This element should have a left padding of 5em, which will require extra text in order to test. "
                   text run at (666,0) width 54: "Both the"
                   text run at (80,18) width 406: "content background and the padding should be aqua (light blue)."
               RenderBlock {P} at (4,194) size 762x54 [bgcolor=#00FFFF]
index cf4f0679d1236e886853628851a7b4337d2ff184..edecb32f65f5ad39c44d9b3c983a765c409eb3df 100644 (file)
@@ -8,10 +8,8 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 408x30
-          text run at (0,0) width 176: ".one {padding-left: 25"
-          text run at (176,0) width 224: "px; background-color: aqua;}"
-          text run at (0,15) width 184: ".two {padding-left: -10"
-          text run at (184,15) width 224: "px; background-color: aqua;}"
+          text run at (0,0) width 400: ".one {padding-left: 25px; background-color: aqua;}"
+          text run at (0,15) width 408: ".two {padding-left: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x54 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 543x18
@@ -44,8 +42,7 @@ layer at (0,0) size 800x600
               text run at (686,2) width 24: "two"
         RenderText {TEXT} at (710,0) size 753x36
           text run at (710,0) width 43: " which"
-          text run at (0,18) width 121: "should result in -10"
-          text run at (121,18) width 391: "px left padding (which should also be a light blue) only in the "
+          text run at (0,18) width 512: "should result in -10px left padding (which should also be a light blue) only in the "
         RenderInline {STRONG} at (0,0) size 27x18
           RenderText {TEXT} at (512,18) size 27x18
             text run at (512,18) width 27: "first"
@@ -93,8 +90,7 @@ layer at (0,0) size 800x600
                       text run at (686,2) width 24: "two"
                 RenderText {TEXT} at (710,0) size 753x36
                   text run at (710,0) width 43: " which"
-                  text run at (0,18) width 121: "should result in -10"
-                  text run at (121,18) width 391: "px left padding (which should also be a light blue) only in the "
+                  text run at (0,18) width 512: "should result in -10px left padding (which should also be a light blue) only in the "
                 RenderInline {STRONG} at (0,0) size 27x18
                   RenderText {TEXT} at (512,18) size 27x18
                     text run at (512,18) width 27: "first"
index f3f76fa6fa9da1428e221f38b5aead5041747b74..6597e3ad63e2f4aab36f256650d784270548cbb6 100644 (file)
@@ -9,15 +9,11 @@ layer at (0,0) size 800x1153
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 576x90
           text run at (0,0) width 408: ".zero {background-color: silver; padding-right: 0;}"
-          text run at (0,15) width 192: ".one {padding-right: 0.5"
-          text run at (192,15) width 376: "in; text-align: right; background-color: aqua;}"
-          text run at (0,30) width 184: ".two {padding-right: 25"
-          text run at (184,30) width 376: "px; text-align: right; background-color: aqua;}"
-          text run at (0,45) width 192: ".three {padding-right: 5"
-          text run at (192,45) width 376: "em; text-align: right; background-color: aqua;}"
+          text run at (0,15) width 568: ".one {padding-right: 0.5in; text-align: right; background-color: aqua;}"
+          text run at (0,30) width 560: ".two {padding-right: 25px; text-align: right; background-color: aqua;}"
+          text run at (0,45) width 568: ".three {padding-right: 5em; text-align: right; background-color: aqua;}"
           text run at (0,60) width 560: ".four {padding-right: 25%; text-align: right; background-color: aqua;}"
-          text run at (0,75) width 200: ".five {padding-right: -20"
-          text run at (200,75) width 376: "px; text-align: right; background-color: aqua;}"
+          text run at (0,75) width 576: ".five {padding-right: -20px; text-align: right; background-color: aqua;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
index 63e8efdea281c51b2b9a141157217f80ec668478..df228ffa9e450b4862824e704c6967551aa57e34 100644 (file)
@@ -8,10 +8,8 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 568x30
-          text run at (0,0) width 184: ".one {padding-right: 25"
-          text run at (184,0) width 376: "px; text-align: right; background-color: aqua;}"
-          text run at (0,15) width 192: ".two {padding-right: -10"
-          text run at (192,15) width 376: "px; text-align: right; background-color: aqua;}"
+          text run at (0,0) width 560: ".one {padding-right: 25px; text-align: right; background-color: aqua;}"
+          text run at (0,15) width 568: ".two {padding-right: -10px; text-align: right; background-color: aqua;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x36 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 543x18
index 6eaf5910c2d9099cedf5fb89f759e51ca9d5096c..cd0d8e04c474b05d7f22e683f22aba20ab6103be 100644 (file)
@@ -9,15 +9,11 @@ layer at (0,0) size 800x1471
       RenderBlock {PRE} at (0,34) size 784x90
         RenderText {TEXT} at (0,0) size 408x90
           text run at (0,0) width 392: ".zero {background-color: silver; padding-top: 0;}"
-          text run at (0,15) width 176: ".one {padding-top: 0.5"
-          text run at (176,15) width 224: "in; background-color: aqua;}"
-          text run at (0,30) width 168: ".two {padding-top: 25"
-          text run at (168,30) width 224: "px; background-color: aqua;}"
-          text run at (0,45) width 176: ".three {padding-top: 5"
-          text run at (176,45) width 224: "em; background-color: aqua;}"
+          text run at (0,15) width 400: ".one {padding-top: 0.5in; background-color: aqua;}"
+          text run at (0,30) width 392: ".two {padding-top: 25px; background-color: aqua;}"
+          text run at (0,45) width 400: ".three {padding-top: 5em; background-color: aqua;}"
           text run at (0,60) width 392: ".four {padding-top: 25%; background-color: aqua;}"
-          text run at (0,75) width 184: ".five {padding-top: -20"
-          text run at (184,75) width 224: "px; background-color: aqua;}"
+          text run at (0,75) width 408: ".five {padding-top: -20px; background-color: aqua;}"
       RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
         RenderText {TEXT} at (0,0) size 203x18
index 0d769c8cabfdf5127a65111895262458a1ad4c50..7067d8fc71dde82a16db861d81d80a980940337d 100644 (file)
@@ -8,10 +8,8 @@ layer at (0,0) size 800x600
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 400x30
-          text run at (0,0) width 168: ".one {padding-top: 25"
-          text run at (168,0) width 224: "px; background-color: aqua;}"
-          text run at (0,15) width 176: ".two {padding-top: -10"
-          text run at (176,15) width 224: "px; background-color: aqua;}"
+          text run at (0,0) width 392: ".one {padding-top: 25px; background-color: aqua;}"
+          text run at (0,15) width 400: ".two {padding-top: -10px; background-color: aqua;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,110) size 784x72 [bgcolor=#808080]
         RenderText {TEXT} at (0,0) size 477x18
@@ -25,8 +23,7 @@ layer at (0,0) size 800x600
               text run at (620,2) width 24: "one"
           RenderText {TEXT} at (644,0) size 757x36
             text run at (644,0) width 113: ", giving it an aqua"
-            text run at (0,18) width 133: "background and a 25"
-            text run at (133,18) width 95: "px top padding"
+            text run at (0,18) width 228: "background and a 25px top padding"
         RenderText {TEXT} at (228,18) size 767x54
           text run at (228,18) width 8: ". "
           text run at (236,18) width 531: "Padding on inline elements does not affect line-height calculations, so all lines in this"
@@ -74,8 +71,7 @@ layer at (0,0) size 800x600
                       text run at (620,2) width 24: "one"
                   RenderText {TEXT} at (644,0) size 757x36
                     text run at (644,0) width 113: ", giving it an aqua"
-                    text run at (0,18) width 133: "background and a 25"
-                    text run at (133,18) width 95: "px top padding"
+                    text run at (0,18) width 228: "background and a 25px top padding"
                 RenderText {TEXT} at (228,18) size 758x54
                   text run at (228,18) width 8: ". "
                   text run at (236,18) width 505: "Padding on inline elements does not affect line-height calculations, so all lines in"
index 4ee033dc0d91e66336dce57c6aec792bc600b3b4..bfb45a3fb969892e9dd93e5559290a6de9ddba95 100644 (file)
@@ -8,8 +8,7 @@ layer at (0,0) size 800x1353
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x45
         RenderText {TEXT} at (0,0) size 152x45
-          text run at (0,0) width 120: ".one {width: 50"
-          text run at (120,0) width 32: "px;}"
+          text run at (0,0) width 152: ".one {width: 50px;}"
           text run at (0,15) width 144: ".two {width: 50%;}"
           text run at (0,30) width 152: "TABLE {width: 50%;}"
       RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #000000)]
index 70893384e2c4528dd80c747b940f2355b4f958fc..4ddb77c06f74b6a6e796ae9c2fd65b2a5a80f104 100644 (file)
@@ -10,8 +10,7 @@ layer at (0,0) size 800x816
         RenderText {TEXT} at (0,0) size 568x75
           text run at (0,0) width 176: ".one {display: block;}"
           text run at (0,15) width 184: ".two {display: inline;}"
-          text run at (0,30) width 536: ".three {display: list-item; list-style-type: square; margin-left: 3"
-          text run at (536,30) width 32: "em;}"
+          text run at (0,30) width 568: ".three {display: list-item; list-style-type: square; margin-left: 3em;}"
           text run at (0,45) width 272: ".four {display: none; color: red;}"
           text run at (0,60) width 152: "I {display: block;}"
       RenderBlock {HR} at (0,122) size 784x2 [border: (1px inset #000000)]
@@ -44,8 +43,7 @@ layer at (0,0) size 800x816
             text run at (0,20) width 120: "list-style-type"
         RenderText {TEXT} at (120,18) size 719x36
           text run at (120,18) width 359: " is supported, there will be a square for the item marker). "
-          text run at (479,18) width 24: "A 3"
-          text run at (503,18) width 216: "em left margin has been applied in"
+          text run at (479,18) width 240: "A 3em left margin has been applied in"
           text run at (0,36) width 360: "order to ensure that there is space for the list-item marker."
       RenderBlock {P} at (0,314) size 784x18
         RenderText {TEXT} at (0,0) size 456x18
@@ -106,8 +104,7 @@ layer at (0,0) size 800x816
                     text run at (55,20) width 120: "list-style-type"
                 RenderText {TEXT} at (175,18) size 708x36
                   text run at (175,18) width 359: " is supported, there will be a square for the item marker). "
-                  text run at (534,18) width 24: "A 3"
-                  text run at (558,18) width 150: "em left margin has been"
+                  text run at (534,18) width 174: "A 3em left margin has been"
                   text run at (0,36) width 426: "applied in order to ensure that there is space for the list-item marker."
               RenderBlock {P} at (4,178) size 762x18
                 RenderText {TEXT} at (0,0) size 456x18
index db1b5ab92b47dde4f4d1b0b7568e03b7586459dd..d8b6210915675d3c5c15aa6d1f6a3cd93e75d305 100644 (file)
@@ -22,9 +22,7 @@ layer at (0,0) size 800x1440
           text run at (0,165) width 488: "       background-repeat: no-repeat; background-color: aqua;}"
           text run at (0,180) width 632: ".six {background-image: url(../resources/bg.gif); background-position: 75% 25%;"
           text run at (0,195) width 488: "       background-repeat: no-repeat; background-color: aqua;}"
-          text run at (0,210) width 600: ".seven {background-image: url(../resources/bg.gif); background-position: 20"
-          text run at (600,210) width 40: "px 20"
-          text run at (640,210) width 24: "px;"
+          text run at (0,210) width 664: ".seven {background-image: url(../resources/bg.gif); background-position: 20px 20px;"
           text run at (0,225) width 488: "       background-repeat: no-repeat; background-color: aqua;}"
       RenderBlock {HR} at (0,302) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,320) size 784x18
index 56cd327f1f7ec42aec1dbe683fe11af6c1669e42..0a33f3b8577597f01425021290af32240084bfcf 100644 (file)
@@ -8,8 +8,7 @@ layer at (0,0) size 800x4035
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x810
         RenderText {TEXT} at (0,0) size 568x795
-          text run at (0,0) width 264: "P.one {color: green; rotation: 70"
-          text run at (264,0) width 40: "deg;}"
+          text run at (0,0) width 304: "P.one {color: green; rotation: 70deg;}"
           text run at (0,15) width 176: "P.oneb {color: green;}"
           text run at (0,30) width 232: "P.oneb {color: invalidValue;}"
           text run at (0,45) width 272: "P.two {background-color: inherit;}"
@@ -18,15 +17,12 @@ layer at (0,0) size 800x4035
           text run at (0,90) width 264: "P.five {background-color: \"red\";}"
           text run at (0,105) width 408: "P.sixa {border-width: medium; border-style: solid;}"
           text run at (0,120) width 400: "P.sixb {border-width: funny; border-style: solid;}"
-          text run at (0,135) width 192: "P.sixc {border-width: 50"
-          text run at (192,135) width 200: "zu; border-style: solid;}"
+          text run at (0,135) width 392: "P.sixc {border-width: 50zu; border-style: solid;}"
           text run at (0,150) width 376: "P.sixd {border-width: px; border-style: solid;}"
           text run at (0,165) width 96: "@three-dee {"
           text run at (0,180) width 184: " @background-lighting {"
-          text run at (0,195) width 104: "  azimuth: 30"
-          text run at (104,195) width 32: "deg;"
-          text run at (0,210) width 128: "  elevation: 190"
-          text run at (128,210) width 32: "deg;"
+          text run at (0,195) width 136: "  azimuth: 30deg;"
+          text run at (0,210) width 160: "  elevation: 190deg;"
           text run at (0,225) width 24: "  }"
           text run at (0,240) width 184: " P.seven { color: red }"
           text run at (0,255) width 16: " }"
@@ -60,8 +56,7 @@ layer at (0,0) size 800x4035
           text run at (0,705) width 376: " type-display: @threedee {rotation-code: '}';};"
           text run at (0,720) width 112: " color: green;"
           text run at (0,735) width 16: " }"
-          text run at (0,750) width 248: "P.twentythree {text-indent: 0.5"
-          text run at (248,750) width 32: "in;}"
+          text run at (0,750) width 280: "P.twentythree {text-indent: 0.5in;}"
           text run at (0,765) width 112: " color: maroon"
           text run at (0,780) width 208: "P.twentyfour {color: red;}"
       RenderBlock {HR} at (0,857) size 784x2 [border: (1px inset #000000)]
index fb42f503bb2f7355cc43e42cbb808fedc969f14e..f1c65dd9ea52a77e660388bfc2847b895e88fa4d 100644 (file)
@@ -8,49 +8,38 @@ layer at (0,0) size 800x4169
           text run at (0,0) width 264: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,26) size 784x168
         RenderText {TEXT} at (0,0) size 399x168
-          text run at (0,0) width 133: "BODY {font-size: 12"
-          text run at (133,0) width 28: "px;}"
-          text run at (0,14) width 224: ".one {font: italic small-caps 13"
-          text run at (224,14) width 98: "pt Helvetica;}"
+          text run at (0,0) width 161: "BODY {font-size: 12px;}"
+          text run at (0,14) width 322: ".one {font: italic small-caps 13pt Helvetica;}"
           text run at (0,28) width 203: ".two {font: 150%/150% serif;}"
           text run at (0,42) width 252: ".three {font: 150%/150% sans-serif;}"
           text run at (0,56) width 231: ".four {font: small/200% cursive;}"
           text run at (0,70) width 399: ".five {font: italic small-caps 900 150%/150% sans-serif;}"
           text run at (0,84) width 392: ".six {font: italic small-caps 100 150%/300% sans-serif;}"
-          text run at (0,98) width 294: ".seven {font: italic small-caps 900 150%/2"
-          text run at (294,98) width 98: "em monospace;}"
-          text run at (0,112) width 294: ".eight {font: italic small-caps 500 150%/1"
-          text run at (294,112) width 105: "in sans-serif;}"
-          text run at (0,126) width 238: ".nine {font: oblique normal 700 18"
-          text run at (238,126) width 140: "px/200% sans-serif;}"
+          text run at (0,98) width 392: ".seven {font: italic small-caps 900 150%/2em monospace;}"
+          text run at (0,112) width 399: ".eight {font: italic small-caps 500 150%/1in sans-serif;}"
+          text run at (0,126) width 378: ".nine {font: oblique normal 700 18px/200% sans-serif;}"
           text run at (0,140) width 301: ".ten {font: normal 400 80%/2.5 sans-serif;}"
           text run at (0,154) width 266: "SPAN.color {background-color: silver;}"
       RenderBlock {HR} at (0,206) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,220) size 784x14
         RenderText {TEXT} at (0,0) size 706x14
-          text run at (0,0) width 285: "This element is unstyled, and should inherit a font-size of 12"
-          text run at (285,0) width 138: "px from the BODY element. "
+          text run at (0,0) width 423: "This element is unstyled, and should inherit a font-size of 12px from the BODY element. "
           text run at (423,0) width 283: "This is the \"base font size\" referred to in the following tests."
       RenderBlock {P} at (0,251) size 784x20
         RenderText {TEXT} at (0,0) size 497x20
-          text run at (0,0) width 192: "This element should be 13"
-          text run at (192,0) width 305: "pt. Helvetica which is in small-cap italics."
+          text run at (0,0) width 497: "This element should be 13pt. Helvetica which is in small-cap italics."
       RenderBlock {P} at (0,289) size 784x81
         RenderText {TEXT} at (0,2) size 773x81
           text run at (0,2) width 282: "This element should be in a serif font. "
           text run at (282,2) width 480: "Its font-size should be 150% the base font size, and its line-height"
-          text run at (0,29) width 220: "should 150% of that value (18"
-          text run at (220,29) width 72: "px and 27"
-          text run at (292,29) width 131: "px, respectively). "
+          text run at (0,29) width 423: "should 150% of that value (18px and 27px, respectively). "
           text run at (423,29) width 350: "Extra text is included for the purposes of testing"
           text run at (0,56) width 155: "this more effectively."
       RenderBlock {P} at (0,388) size 784x81
         RenderText {TEXT} at (0,3) size 783x81
           text run at (0,3) width 348: "This element should be in a sans-serif font. "
           text run at (348,3) width 435: "Its font-size should be 150% the base font size, and its"
-          text run at (0,30) width 326: "line-height should 150% of that value (18"
-          text run at (326,30) width 79: "px and 27"
-          text run at (405,30) width 140: "px, respectively). "
+          text run at (0,30) width 545: "line-height should 150% of that value (18px and 27px, respectively). "
           text run at (545,30) width 222: "Extra text is included for the"
           text run at (0,57) width 321: "purposes of testing this more effectively."
       RenderBlock {P} at (0,487) size 784x79
@@ -62,9 +51,7 @@ layer at (0,0) size 800x4169
           RenderText {TEXT} at (32,33) size 35x26
             text run at (32,33) width 35: "small"
         RenderText {TEXT} at (67,28) size 743x53
-          text run at (67,28) width 104: " is calculated at 10"
-          text run at (171,28) width 199: "px, then the line-height should be 20"
-          text run at (370,28) width 20: "px. "
+          text run at (67,28) width 323: " is calculated at 10px, then the line-height should be 20px. "
           text run at (390,28) width 280: "The actual value of the font-size is UA-dependent. "
           text run at (670,28) width 73: "Extra text is"
           text run at (0,55) width 304: "included for the purposes of testing this more effectively."
@@ -72,55 +59,42 @@ layer at (0,0) size 800x4169
         RenderText {TEXT} at (0,3) size 778x81
           text run at (0,3) width 711: "This element should be in a sans-serif font, italicized and small caps, with a weight of 900. "
           text run at (711,3) width 67: "Its font-"
-          text run at (0,30) width 722: "size should be 150% the base font size, and its line-height should be 150% of that value (18"
-          text run at (722,30) width 48: "px and"
-          text run at (0,57) width 20: "27"
-          text run at (20,57) width 136: "px, respectively). "
+          text run at (0,30) width 770: "size should be 150% the base font size, and its line-height should be 150% of that value (18px and"
+          text run at (0,57) width 156: "27px, respectively). "
           text run at (156,57) width 559: "Extra text is included for the purposes of testing this more effectively."
       RenderBlock {P} at (0,683) size 784x162
         RenderText {TEXT} at (0,16) size 765x162
           text run at (0,16) width 698: "This element should be in a sans-serif font, italicized and small caps, with a weight of 100. "
           text run at (698,16) width 67: "Its font-"
-          text run at (0,70) width 711: "size should be 150% the base font size, and its line-height should be 300% of that value (18"
-          text run at (711,70) width 47: "px and"
-          text run at (0,124) width 20: "54"
-          text run at (20,124) width 135: "px, respectively). "
+          text run at (0,70) width 758: "size should be 150% the base font size, and its line-height should be 300% of that value (18px and"
+          text run at (0,124) width 155: "54px, respectively). "
           text run at (155,124) width 556: "Extra text is included for the purposes of testing this more effectively."
       RenderBlock {P} at (0,863) size 784x144
         RenderText {TEXT} at (0,7) size 750x144
           text run at (0,7) width 750: "This element should be in a monospace font, italicized and small caps, with a weight of"
           text run at (0,43) width 55: "900. "
           text run at (55,43) width 687: "Its font-size should be 150% the base font size, and its line-height should be"
-          text run at (0,79) width 11: "2"
-          text run at (11,79) width 356: "em, or twice the element's font size (18"
-          text run at (367,79) width 84: "px and 36"
-          text run at (451,79) width 167: "px, respectively). "
+          text run at (0,79) width 618: "2em, or twice the element's font size (18px and 36px, respectively). "
           text run at (618,79) width 113: "Extra text is"
           text run at (0,115) width 499: "included for the purposes of testing this more effectively."
       RenderBlock {P} at (0,1025) size 784x288
         RenderText {TEXT} at (0,37) size 765x288
           text run at (0,37) width 698: "This element should be in a sans-serif font, italicized and small caps, with a weight of 500. "
           text run at (698,37) width 67: "Its font-"
-          text run at (0,133) width 351: "size should be 150% the base font size, or 18"
-          text run at (351,133) width 257: "px, and its line-height should be 1"
-          text run at (608,133) width 23: "in. "
+          text run at (0,133) width 631: "size should be 150% the base font size, or 18px, and its line-height should be 1in. "
           text run at (631,133) width 99: "Extra text is"
           text run at (0,229) width 452: "included for the purposes of testing this more effectively."
       RenderBlock {P} at (0,1331) size 784x108
         RenderText {TEXT} at (0,7) size 774x108
           text run at (0,7) width 752: "This element should be in a sans-serif font, oblique and not small-caps, with a weight of"
           text run at (0,43) width 40: "700. "
-          text run at (40,43) width 550: "Its font-size should be 18 pixels, and its line-height should be 36"
-          text run at (590,43) width 115: "px (200% this"
+          text run at (40,43) width 665: "Its font-size should be 18 pixels, and its line-height should be 36px (200% this"
           text run at (0,79) width 176: "element's font size). "
           text run at (176,79) width 598: "Extra text is included for the purposes of testing this more effectively."
       RenderBlock {P} at (0,1457) size 784x50
         RenderText {TEXT} at (0,6) size 781x50
           text run at (0,6) width 301: "This element should be in a sans-serif font, with a weight of 400. "
-          text run at (301,6) width 153: "Its font-size should be 80% of 12"
-          text run at (454,6) width 44: "px, or 9.6"
-          text run at (498,6) width 242: "px, and its line-height shoud be 2.5 times that, or 24"
-          text run at (740,6) width 17: "px. "
+          text run at (301,6) width 456: "Its font-size should be 80% of 12px, or 9.6px, and its line-height shoud be 2.5 times that, or 24px. "
           text run at (757,6) width 24: "Extra"
           text run at (0,31) width 291: "text is included for the purposes of testing this more effectively."
       RenderBlock {P} at (0,1525) size 784x216
@@ -128,10 +102,8 @@ layer at (0,0) size 800x4169
           RenderText {TEXT} at (0,16) size 774x216
             text run at (0,16) width 698: "This element should be in a sans-serif font, italicized and small caps, with a weight of 100. "
             text run at (698,16) width 67: "Its font-"
-            text run at (0,70) width 711: "size should be 150% the base font size, and its line-height should be 300% of that value (18"
-            text run at (711,70) width 47: "px and"
-            text run at (0,124) width 20: "54"
-            text run at (20,124) width 754: "px, respectively). The text should have a silver background. The background color has been set on"
+            text run at (0,70) width 758: "size should be 150% the base font size, and its line-height should be 300% of that value (18px and"
+            text run at (0,124) width 774: "54px, respectively). The text should have a silver background. The background color has been set on"
             text run at (0,178) width 655: "an inline element and should therefore only cover the text, not the interline spacing."
         RenderText {TEXT} at (0,0) size 0x0
       RenderTable {TABLE} at (0,1759) size 784x2394 [border: (1px outset #808080)]
@@ -148,21 +120,17 @@ layer at (0,0) size 800x4169
             RenderTableCell {TD} at (12,26) size 770x2366 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x36
                 RenderText {TEXT} at (0,0) size 732x36
-                  text run at (0,0) width 379: "This element is unstyled, and should inherit a font-size of 12"
-                  text run at (379,0) width 185: "px from the BODY element. "
+                  text run at (0,0) width 564: "This element is unstyled, and should inherit a font-size of 12px from the BODY element. "
                   text run at (564,0) width 168: "This is the \"base font size\""
                   text run at (0,18) width 204: "referred to in the following tests."
               RenderBlock {P} at (4,57) size 762x20
                 RenderText {TEXT} at (0,0) size 497x20
-                  text run at (0,0) width 192: "This element should be 13"
-                  text run at (192,0) width 305: "pt. Helvetica which is in small-cap italics."
+                  text run at (0,0) width 497: "This element should be 13pt. Helvetica which is in small-cap italics."
               RenderBlock {P} at (4,101) size 762x144
                 RenderText {TEXT} at (0,4) size 735x144
                   text run at (0,4) width 374: "This element should be in a serif font. "
                   text run at (374,4) width 361: "Its font-size should be 150% the base"
-                  text run at (0,40) width 569: "font size, and its line-height should 150% of that value (18"
-                  text run at (569,40) width 95: "px and 27"
-                  text run at (664,40) width 30: "px,"
+                  text run at (0,40) width 694: "font size, and its line-height should 150% of that value (18px and 27px,"
                   text run at (0,76) width 138: "respectively). "
                   text run at (138,76) width 563: "Extra text is included for the purposes of testing this more"
                   text run at (0,112) width 111: "effectively."
@@ -170,10 +138,8 @@ layer at (0,0) size 800x4169
                 RenderText {TEXT} at (0,4) size 761x144
                   text run at (0,4) width 461: "This element should be in a sans-serif font. "
                   text run at (461,4) width 299: "Its font-size should be 150%"
-                  text run at (0,40) width 707: "the base font size, and its line-height should 150% of that value (18"
-                  text run at (707,40) width 25: "px"
-                  text run at (0,76) width 72: "and 27"
-                  text run at (72,76) width 186: "px, respectively). "
+                  text run at (0,40) width 732: "the base font size, and its line-height should 150% of that value (18px"
+                  text run at (0,76) width 258: "and 27px, respectively). "
                   text run at (258,76) width 503: "Extra text is included for the purposes of testing"
                   text run at (0,112) width 218: "this more effectively."
               RenderBlock {P} at (4,437) size 762x79
@@ -185,9 +151,7 @@ layer at (0,0) size 800x4169
                   RenderText {TEXT} at (55,33) size 35x26
                     text run at (55,33) width 35: "small"
                 RenderText {TEXT} at (90,28) size 753x53
-                  text run at (90,28) width 104: " is calculated at 10"
-                  text run at (194,28) width 199: "px, then the line-height should be 20"
-                  text run at (393,28) width 20: "px. "
+                  text run at (90,28) width 323: " is calculated at 10px, then the line-height should be 20px. "
                   text run at (413,28) width 280: "The actual value of the font-size is UA-dependent. "
                   text run at (693,28) width 60: "Extra text"
                   text run at (0,55) width 317: "is included for the purposes of testing this more effectively."
@@ -196,9 +160,7 @@ layer at (0,0) size 800x4169
                   text run at (0,4) width 714: "This element should be in a sans-serif font, italicized and small caps,"
                   text run at (0,40) width 226: "with a weight of 900. "
                   text run at (226,40) width 495: "Its font-size should be 150% the base font size,"
-                  text run at (0,76) width 544: "and its line-height should be 150% of that value (18"
-                  text run at (544,76) width 98: "px and 27"
-                  text run at (642,76) width 29: "px,"
+                  text run at (0,76) width 671: "and its line-height should be 150% of that value (18px and 27px,"
                   text run at (0,112) width 148: "respectively). "
                   text run at (148,112) width 561: "Extra text is included for the purposes of testing this"
                   text run at (0,148) width 176: "more effectively."
@@ -207,47 +169,36 @@ layer at (0,0) size 800x4169
                   text run at (0,22) width 752: "This element should be in a sans-serif font, italicized and small caps, with"
                   text run at (0,94) width 175: "a weight of 100. "
                   text run at (175,94) width 566: "Its font-size should be 150% the base font size, and its"
-                  text run at (0,166) width 462: "line-height should be 300% of that value (18"
-                  text run at (462,166) width 97: "px and 54"
-                  text run at (559,166) width 176: "px, respectively)."
+                  text run at (0,166) width 735: "line-height should be 300% of that value (18px and 54px, respectively)."
                   text run at (0,238) width 741: "Extra text is included for the purposes of testing this more effectively."
               RenderBlock {P} at (4,1056) size 762x192
                 RenderText {TEXT} at (0,12) size 740x192
                   text run at (0,12) width 740: "This element should be in a monospace font, italicized and small caps, with a weight"
                   text run at (0,60) width 88: "of 900. "
                   text run at (88,60) width 620: "Its font-size should be 150% the base font size, and its line-height"
-                  text run at (0,108) width 100: "should be 2"
-                  text run at (100,108) width 368: "em, or twice the element's font size (18"
-                  text run at (468,108) width 88: "px and 36"
-                  text run at (556,108) width 160: "px, respectively)."
+                  text run at (0,108) width 716: "should be 2em, or twice the element's font size (18px and 36px, respectively)."
                   text run at (0,156) width 636: "Extra text is included for the purposes of testing this more effectively."
               RenderBlock {P} at (4,1272) size 762x384
                 RenderText {TEXT} at (0,34) size 760x384
                   text run at (0,34) width 752: "This element should be in a sans-serif font, italicized and small caps, with"
                   text run at (0,130) width 175: "a weight of 500. "
-                  text run at (175,130) width 556: "Its font-size should be 150% the base font size, or 18"
-                  text run at (731,130) width 29: "px,"
-                  text run at (0,226) width 308: "and its line-height should be 1"
-                  text run at (308,226) width 31: "in. "
+                  text run at (175,130) width 585: "Its font-size should be 150% the base font size, or 18px,"
+                  text run at (0,226) width 339: "and its line-height should be 1in. "
                   text run at (339,226) width 405: "Extra text is included for the purposes"
                   text run at (0,322) width 329: "of testing this more effectively."
               RenderBlock {P} at (4,1680) size 762x144
                 RenderText {TEXT} at (0,7) size 752x144
                   text run at (0,7) width 752: "This element should be in a sans-serif font, oblique and not small-caps, with a weight of"
                   text run at (0,43) width 40: "700. "
-                  text run at (40,43) width 550: "Its font-size should be 18 pixels, and its line-height should be 36"
-                  text run at (590,43) width 115: "px (200% this"
+                  text run at (40,43) width 665: "Its font-size should be 18 pixels, and its line-height should be 36px (200% this"
                   text run at (0,79) width 176: "element's font size). "
                   text run at (176,79) width 500: "Extra text is included for the purposes of testing this more"
                   text run at (0,115) width 93: "effectively."
               RenderBlock {P} at (4,1842) size 762x64
                 RenderText {TEXT} at (0,8) size 749x64
                   text run at (0,8) width 378: "This element should be in a sans-serif font, with a weight of 400. "
-                  text run at (378,8) width 192: "Its font-size should be 80% of 12"
-                  text run at (570,8) width 55: "px, or 9.6"
-                  text run at (625,8) width 124: "px, and its line-height"
-                  text run at (0,40) width 174: "shoud be 2.5 times that, or 24"
-                  text run at (174,40) width 22: "px. "
+                  text run at (378,8) width 371: "Its font-size should be 80% of 12px, or 9.6px, and its line-height"
+                  text run at (0,40) width 196: "shoud be 2.5 times that, or 24px. "
                   text run at (196,40) width 405: "Extra text is included for the purposes of testing this more effectively."
               RenderBlock {P} at (4,1930) size 762x432
                 RenderInline {SPAN} at (0,0) size 762x388 [bgcolor=#C0C0C0]
@@ -255,9 +206,7 @@ layer at (0,0) size 800x4169
                     text run at (0,22) width 752: "This element should be in a sans-serif font, italicized and small caps, with"
                     text run at (0,94) width 175: "a weight of 100. "
                     text run at (175,94) width 566: "Its font-size should be 150% the base font size, and its"
-                    text run at (0,166) width 462: "line-height should be 300% of that value (18"
-                    text run at (462,166) width 97: "px and 54"
-                    text run at (559,166) width 176: "px, respectively)."
+                    text run at (0,166) width 735: "line-height should be 300% of that value (18px and 54px, respectively)."
                     text run at (0,238) width 762: "The text should have a silver background. The background color has been"
                     text run at (0,310) width 723: "set on an inline element and should therefore only cover the text, not"
                     text run at (0,382) width 216: "the interline spacing."
index 583eb63e96752c1dc3a402f53662585adc3ad29d..136ceb4013761bfe590faf4dc4db8ebfc0dca2f1 100644 (file)
@@ -17,25 +17,16 @@ layer at (0,0) size 800x2764
           text run at (0,90) width 208: ".seven {font-size: large;}"
           text run at (0,105) width 224: ".eight {font-size: x-large;}"
           text run at (0,120) width 224: ".nine {font-size: xx-large;}"
-          text run at (0,135) width 144: ".a {font-size: 0.5"
-          text run at (144,135) width 32: "in;}"
-          text run at (0,150) width 128: ".b {font-size: 1"
-          text run at (128,150) width 32: "cm;}"
-          text run at (0,165) width 136: ".c {font-size: 10"
-          text run at (136,165) width 32: "mm;}"
-          text run at (0,180) width 136: ".d {font-size: 18"
-          text run at (136,180) width 32: "pt;}"
-          text run at (0,195) width 144: ".e {font-size: 1.5"
-          text run at (144,195) width 32: "pc;}"
-          text run at (0,210) width 128: ".f {font-size: 2"
-          text run at (128,210) width 32: "em;}"
-          text run at (0,225) width 128: ".g {font-size: 3"
-          text run at (128,225) width 32: "ex;}"
-          text run at (0,240) width 136: ".h {font-size: 25"
-          text run at (136,240) width 32: "px;}"
+          text run at (0,135) width 176: ".a {font-size: 0.5in;}"
+          text run at (0,150) width 160: ".b {font-size: 1cm;}"
+          text run at (0,165) width 168: ".c {font-size: 10mm;}"
+          text run at (0,180) width 168: ".d {font-size: 18pt;}"
+          text run at (0,195) width 176: ".e {font-size: 1.5pc;}"
+          text run at (0,210) width 160: ".f {font-size: 2em;}"
+          text run at (0,225) width 160: ".g {font-size: 3ex;}"
+          text run at (0,240) width 168: ".h {font-size: 25px;}"
           text run at (0,255) width 168: ".i {font-size: 200%;}"
-          text run at (0,270) width 152: ".j {font-size: -0.5"
-          text run at (152,270) width 32: "in;}"
+          text run at (0,270) width 184: ".j {font-size: -0.5in;}"
       RenderBlock {HR} at (0,347) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,365) size 784x18
         RenderText {TEXT} at (0,0) size 688x18
index 0271ec82caa77e0d652876087bc1a75a4d660175..9df61778cc30ed761c35cb9498f9cf8e0a7b69eb 100644 (file)
@@ -9,8 +9,7 @@ layer at (0,0) size 800x600
       RenderBlock {PRE} at (0,34) size 750x30
         RenderText {TEXT} at (0,0) size 552x30
           text run at (0,0) width 240: "HTML {background-color: aqua;}"
-          text run at (0,15) width 520: "BODY {background-color: green; background-image: none; margin: 25"
-          text run at (520,15) width 32: "px;}"
+          text run at (0,15) width 552: "BODY {background-color: green; background-image: none; margin: 25px;}"
       RenderBlock {HR} at (0,77) size 750x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,95) size 750x54
         RenderText {TEXT} at (0,0) size 739x54
index c05b8e513123b677f280a17a0d4ca28bf7b722da..f12750f6a5e77ce3c58f3025b930ee9b4fe72669 100644 (file)
@@ -9,18 +9,11 @@ layer at (0,0) size 800x6267
       RenderBlock {PRE} at (0,34) size 784x135
         RenderText {TEXT} at (0,0) size 480x120
           text run at (0,0) width 272: "HR.minor {clear: both; width: 5%;}"
-          text run at (0,15) width 368: "HR.major {clear: both; width: 75%; margin: 1.5"
-          text run at (368,15) width 32: "em;}"
-          text run at (0,30) width 112: "DIV {border: 5"
-          text run at (112,30) width 336: "px solid purple; padding: 0; margin: 0.125"
-          text run at (448,30) width 32: "em;}"
-          text run at (0,45) width 208: "P.left, P.right {width: 10"
-          text run at (208,45) width 112: "em; padding: 1"
-          text run at (320,45) width 112: "em; margin: 0;"
-          text run at (0,60) width 96: "   border: 1"
-          text run at (96,60) width 328: "px solid lime; background-color: silver;}"
-          text run at (0,75) width 328: "IMG.left, IMG.right {margin: 0; border: 3"
-          text run at (328,75) width 128: "px solid black;}"
+          text run at (0,15) width 400: "HR.major {clear: both; width: 75%; margin: 1.5em;}"
+          text run at (0,30) width 480: "DIV {border: 5px solid purple; padding: 0; margin: 0.125em;}"
+          text run at (0,45) width 432: "P.left, P.right {width: 10em; padding: 1em; margin: 0;"
+          text run at (0,60) width 424: "   border: 1px solid lime; background-color: silver;}"
+          text run at (0,75) width 456: "IMG.left, IMG.right {margin: 0; border: 3px solid black;}"
           text run at (0,90) width 160: ".left {float: left;}"
           text run at (0,105) width 176: ".right {float: right;}"
       RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)]
index 944b65f7215e2dafbdcd04d6a74ead2c6ec3e734..5f69935cbb3d0e57b746aa4e4387d8cc81a10cc6 100644 (file)
@@ -8,50 +8,25 @@ layer at (0,0) size 800x2299
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x270
         RenderText {TEXT} at (0,0) size 536x255
-          text run at (0,0) width 160: "P.one {font-size: 14"
-          text run at (160,0) width 152: "px; line-height: 20"
-          text run at (312,0) width 32: "px;}"
+          text run at (0,0) width 344: "P.one {font-size: 14px; line-height: 20px;}"
           text run at (0,15) width 304: "IMG.onea {vertical-align: text-bottom;"
-          text run at (0,30) width 120: "     width: 200"
-          text run at (120,30) width 120: "px; height: 200"
-          text run at (240,30) width 32: "px;}"
-          text run at (0,45) width 368: "IMG.oneb {vertical-align: text-top; width: 200"
-          text run at (368,45) width 120: "px; height: 200"
-          text run at (488,45) width 32: "px;}"
-          text run at (0,75) width 160: "P.two {font-size: 14"
-          text run at (160,75) width 152: "px; line-height: 20"
-          text run at (312,75) width 32: "px;}"
-          text run at (0,90) width 392: "IMG.twoa {vertical-align: text-bottom; width: 100"
-          text run at (392,90) width 120: "px; height: 100"
-          text run at (512,90) width 24: "px;"
-          text run at (0,105) width 120: "     padding: 5"
-          text run at (120,105) width 192: "px; border-style: solid;"
-          text run at (0,120) width 168: "     border-width: 10"
-          text run at (168,120) width 112: "px; margin: 15"
-          text run at (280,120) width 32: "px;}"
+          text run at (0,30) width 272: "     width: 200px; height: 200px;}"
+          text run at (0,45) width 520: "IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}"
+          text run at (0,75) width 344: "P.two {font-size: 14px; line-height: 20px;}"
+          text run at (0,90) width 536: "IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;"
+          text run at (0,105) width 312: "     padding: 5px; border-style: solid;"
+          text run at (0,120) width 312: "     border-width: 10px; margin: 15px;}"
           text run at (0,135) width 280: "IMG.twob {vertical-align: text-top;"
-          text run at (0,150) width 160: "          width: 100"
-          text run at (160,150) width 120: "px; height: 100"
-          text run at (280,150) width 24: "px;"
-          text run at (0,165) width 120: "     padding: 5"
-          text run at (120,165) width 192: "px; border-style: solid;"
-          text run at (0,180) width 168: "     border-width: 10"
-          text run at (168,180) width 112: "px; margin: 15"
-          text run at (280,180) width 32: "px;}"
-          text run at (0,210) width 344: "IMG.twoc {vertical-align: middle; width: 50"
-          text run at (344,210) width 112: "px; height: 50"
-          text run at (456,210) width 24: "px;"
-          text run at (0,225) width 120: "     padding: 5"
-          text run at (120,225) width 192: "px; border-style: solid;"
-          text run at (0,240) width 168: "     border-width: 10"
-          text run at (168,240) width 120: "px; margin: -10"
-          text run at (288,240) width 32: "px;}"
+          text run at (0,150) width 304: "          width: 100px; height: 100px;"
+          text run at (0,165) width 312: "     padding: 5px; border-style: solid;"
+          text run at (0,180) width 312: "     border-width: 10px; margin: 15px;}"
+          text run at (0,210) width 480: "IMG.twoc {vertical-align: middle; width: 50px; height: 50px;"
+          text run at (0,225) width 312: "     padding: 5px; border-style: solid;"
+          text run at (0,240) width 320: "     border-width: 10px; margin: -10px;}"
       RenderBlock {HR} at (0,317) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,333) size 784x443
         RenderText {TEXT} at (0,1) size 779x242
-          text run at (0,1) width 252: "This paragraph should have a font size of 14"
-          text run at (252,1) width 146: "px and a line height of 20"
-          text run at (398,1) width 22: "px. "
+          text run at (0,1) width 420: "This paragraph should have a font size of 14px and a line height of 20px. "
           text run at (420,1) width 347: "This means that the lines of text within it should be separated"
           text run at (0,21) width 374: "by six pixels, three of which are part of the line-box of each line. "
           text run at (374,21) width 405: "Any images within the paragraph should increase the height of the line-"
@@ -66,16 +41,11 @@ layer at (0,0) size 800x2299
           text run at (0,424) width 780: "additional text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top aligned."
       RenderBlock {P} at (0,790) size 784x483
         RenderText {TEXT} at (0,1) size 770x202
-          text run at (0,1) width 252: "This paragraph should have a font size of 14"
-          text run at (252,1) width 146: "px and a line height of 20"
-          text run at (398,1) width 22: "px. "
+          text run at (0,1) width 420: "This paragraph should have a font size of 14px and a line height of 20px. "
           text run at (420,1) width 347: "This means that the lines of text within it should be separated"
           text run at (0,21) width 79: "by six pixels. "
-          text run at (79,21) width 668: "Any images within the paragraph should increase the height of the line-box so that they fit, including their padding (5"
-          text run at (747,21) width 23: "px),"
-          text run at (0,183) width 60: "border (10"
-          text run at (60,183) width 115: "px) and margins (15"
-          text run at (175,183) width 182: "px) within the line box, such as "
+          text run at (79,21) width 691: "Any images within the paragraph should increase the height of the line-box so that they fit, including their padding (5px),"
+          text run at (0,183) width 357: "border (10px) and margins (15px) within the line box, such as "
         RenderImage {IMG} at (372,55) size 130x130 [border: (10px solid #000000)]
         RenderText {TEXT} at (517,183) size 28x20
           text run at (517,183) width 28: " and "
@@ -85,15 +55,12 @@ layer at (0,0) size 800x2299
           text run at (713,183) width 38: "This is"
           text run at (0,344) width 780: "additional text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top aligned."
           text run at (0,364) width 748: "It is the outer edge of the margin that should be text-bottom and text-top aligned in this paragraph, so for the first image the bottom"
-          text run at (0,384) width 206: "border of the image should begin 15"
-          text run at (206,384) width 506: "px above the bottom of the text, and for the second image the top border should begin 15"
-          text run at (712,384) width 52: "px below"
+          text run at (0,384) width 764: "border of the image should begin 15px above the bottom of the text, and for the second image the top border should begin 15px below"
           text run at (0,423) width 105: "the top of the text "
         RenderImage {IMG} at (95,393) size 80x80 [border: (10px solid #000000)]
         RenderText {TEXT} at (165,423) size 749x61
           text run at (165,423) width 8: ". "
-          text run at (173,423) width 227: "The last image in this paragraph has -10"
-          text run at (400,423) width 349: "px margins set on it, so that should pull the text in toward the"
+          text run at (173,423) width 576: "The last image in this paragraph has -10px margins set on it, so that should pull the text in toward the"
           text run at (0,464) width 379: "image in the vertical direction, and also in the horizontal direction."
       RenderTable {TABLE} at (0,1287) size 784x996 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x994
@@ -109,9 +76,7 @@ layer at (0,0) size 800x2299
             RenderTableCell {TD} at (12,26) size 770x968 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x463
                 RenderText {TEXT} at (0,1) size 729x242
-                  text run at (0,1) width 252: "This paragraph should have a font size of 14"
-                  text run at (252,1) width 146: "px and a line height of 20"
-                  text run at (398,1) width 22: "px. "
+                  text run at (0,1) width 420: "This paragraph should have a font size of 14px and a line height of 20px. "
                   text run at (420,1) width 291: "This means that the lines of text within it should be"
                   text run at (0,21) width 430: "separated by six pixels, three of which are part of the line-box of each line. "
                   text run at (430,21) width 299: "Any images within the paragraph should increase the"
@@ -126,16 +91,11 @@ layer at (0,0) size 800x2299
                   text run at (0,444) width 285: "line does not hit the image that is text-top aligned."
               RenderBlock {P} at (4,481) size 762x483
                 RenderText {TEXT} at (0,1) size 738x202
-                  text run at (0,1) width 252: "This paragraph should have a font size of 14"
-                  text run at (252,1) width 146: "px and a line height of 20"
-                  text run at (398,1) width 22: "px. "
+                  text run at (0,1) width 420: "This paragraph should have a font size of 14px and a line height of 20px. "
                   text run at (420,1) width 291: "This means that the lines of text within it should be"
                   text run at (0,21) width 135: "separated by six pixels. "
                   text run at (135,21) width 603: "Any images within the paragraph should increase the height of the line-box so that they fit, including their"
-                  text run at (0,183) width 61: "padding (5"
-                  text run at (61,183) width 87: "px), border (10"
-                  text run at (148,183) width 115: "px) and margins (15"
-                  text run at (263,183) width 182: "px) within the line box, such as "
+                  text run at (0,183) width 445: "padding (5px), border (10px) and margins (15px) within the line box, such as "
                 RenderImage {IMG} at (460,55) size 130x130 [border: (10px solid #000000)]
                 RenderText {TEXT} at (605,183) size 28x20
                   text run at (605,183) width 28: " and "
@@ -145,13 +105,10 @@ layer at (0,0) size 800x2299
                   text run at (168,203) width 587: "This is additional text to make sure that there is enough room left below the image so that this line does"
                   text run at (0,364) width 235: "not hit the image that is text-top aligned. "
                   text run at (235,364) width 496: "It is the outer edge of the margin that should be text-bottom and text-top aligned in this"
-                  text run at (0,384) width 458: "paragraph, so for the first image the bottom border of the image should begin 15"
-                  text run at (458,384) width 290: "px above the bottom of the text, and for the second"
-                  text run at (0,423) width 212: "image the top border should begin 15"
-                  text run at (212,423) width 161: "px below the top of the text "
+                  text run at (0,384) width 748: "paragraph, so for the first image the bottom border of the image should begin 15px above the bottom of the text, and for the second"
+                  text run at (0,423) width 373: "image the top border should begin 15px below the top of the text "
                 RenderImage {IMG} at (363,393) size 80x80 [border: (10px solid #000000)]
                 RenderText {TEXT} at (433,423) size 750x61
                   text run at (433,423) width 8: ". "
-                  text run at (441,423) width 227: "The last image in this paragraph has -10"
-                  text run at (668,423) width 82: "px margins set"
+                  text run at (441,423) width 309: "The last image in this paragraph has -10px margins set"
                   text run at (0,464) width 646: "on it, so that should pull the text in toward the image in the vertical direction, and also in the horizontal direction."
index 89212a64b033ad9407c3d33901c0f48bdb2f58ed..7d5045b0a135c3036c2e8d51157b4adfdfb6267c 100644 (file)
@@ -9,29 +9,19 @@ layer at (0,0) size 800x792
       RenderBlock {PRE} at (0,34) size 784x105
         RenderText {TEXT} at (0,0) size 560x90
           text run at (0,0) width 208: "P.one {line-height: 200%;}"
-          text run at (0,15) width 376: "SPAN.two {border-style: solid; border-width: 10"
-          text run at (376,15) width 176: "px; border-color: red;"
-          text run at (0,30) width 160: "          padding: 2"
-          text run at (160,30) width 112: "pt; margin: 30"
-          text run at (272,30) width 32: "pt;}"
-          text run at (0,45) width 176: "P.three {font-size: 10"
-          text run at (176,45) width 152: "pt; line-height: 12"
-          text run at (328,45) width 32: "pt;}"
-          text run at (0,60) width 384: "SPAN.four {border-style: solid; border-width: 12"
-          text run at (384,60) width 176: "px; border-color: red;"
-          text run at (0,75) width 160: "          padding: 2"
-          text run at (160,75) width 32: "pt;}"
+          text run at (0,15) width 552: "SPAN.two {border-style: solid; border-width: 10px; border-color: red;"
+          text run at (0,30) width 304: "          padding: 2pt; margin: 30pt;}"
+          text run at (0,45) width 360: "P.three {font-size: 10pt; line-height: 12pt;}"
+          text run at (0,60) width 560: "SPAN.four {border-style: solid; border-width: 12px; border-color: red;"
+          text run at (0,75) width 192: "          padding: 2pt;}"
       RenderBlock {HR} at (0,152) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,170) size 784x192
         RenderText {TEXT} at (0,7) size 187x32
           text run at (0,7) width 187: "This is a paragraph that has a "
         RenderInline {SPAN} at (0,0) size 773x170 [border: (10px solid #FF0000)]
           RenderText {TEXT} at (239,7) size 773x160
-            text run at (239,7) width 264: "very long span in it, and the span has a 10"
-            text run at (503,7) width 258: "px red border separated from the span by"
-            text run at (0,39) width 8: "2"
-            text run at (8,39) width 139: "pt, and a margin of 30"
-            text run at (147,39) width 20: "pt. "
+            text run at (239,7) width 522: "very long span in it, and the span has a 10px red border separated from the span by"
+            text run at (0,39) width 167: "2pt, and a margin of 30pt. "
             text run at (167,39) width 606: "The padding and border should be present on all sides of the span (although vertical lines should"
             text run at (0,71) width 493: "appear only at the beginning and the end of the whole span, not on each line). "
             text run at (493,71) width 273: "The padding, border, and margin should all"
@@ -47,18 +37,14 @@ layer at (0,0) size 800x792
           text run at (0,0) width 159: "This is a paragraph that has a "
         RenderInline {SPAN} at (0,0) size 782x91 [border: (12px solid #FF0000)]
           RenderText {TEXT} at (173,0) size 782x64
-            text run at (173,0) width 226: "very long span in it, and the span has a 12"
-            text run at (399,0) width 229: "px red border separated from the span by 2"
-            text run at (628,0) width 154: "pt of padding (the difference"
+            text run at (173,0) width 609: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding (the difference"
             text run at (0,16) width 768: "between the line-height and the font-size), which should overlap with the lines of text above and below the span, since the padding and border"
             text run at (0,32) width 179: "should not effect the line height. "
             text run at (179,32) width 569: "The span's border should have vertical lines only at the beginning and end of the whole span, not on each"
             text run at (0,48) width 24: "line."
         RenderText {TEXT} at (38,48) size 415x16
           text run at (38,48) width 3: " "
-          text run at (41,48) width 290: "The line spacing in the whole paragraph should be 12"
-          text run at (331,48) width 108: "pt, with font-size 10"
-          text run at (439,48) width 14: "pt."
+          text run at (41,48) width 412: "The line spacing in the whole paragraph should be 12pt, with font-size 10pt."
       RenderTable {TABLE} at (0,455) size 784x321 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 0x319
           RenderTableRow {TR} at (0,0) size 0x0
@@ -76,11 +62,8 @@ layer at (0,0) size 800x792
                   text run at (0,7) width 187: "This is a paragraph that has a "
                 RenderInline {SPAN} at (0,0) size 761x170 [border: (10px solid #FF0000)]
                   RenderText {TEXT} at (239,7) size 761x160
-                    text run at (239,7) width 264: "very long span in it, and the span has a 10"
-                    text run at (503,7) width 258: "px red border separated from the span by"
-                    text run at (0,39) width 8: "2"
-                    text run at (8,39) width 139: "pt, and a margin of 30"
-                    text run at (147,39) width 20: "pt. "
+                    text run at (239,7) width 522: "very long span in it, and the span has a 10px red border separated from the span by"
+                    text run at (0,39) width 167: "2pt, and a margin of 30pt. "
                     text run at (167,39) width 560: "The padding and border should be present on all sides of the span (although vertical lines"
                     text run at (0,71) width 539: "should appear only at the beginning and the end of the whole span, not on each line). "
                     text run at (539,71) width 208: "The padding, border, and margin"
@@ -96,15 +79,11 @@ layer at (0,0) size 800x792
                   text run at (0,0) width 159: "This is a paragraph that has a "
                 RenderInline {SPAN} at (0,0) size 760x91 [border: (12px solid #FF0000)]
                   RenderText {TEXT} at (173,0) size 760x64
-                    text run at (173,0) width 226: "very long span in it, and the span has a 12"
-                    text run at (399,0) width 229: "px red border separated from the span by 2"
-                    text run at (628,0) width 97: "pt of padding (the"
+                    text run at (173,0) width 552: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding (the"
                     text run at (0,16) width 716: "difference between the line-height and the font-size), which should overlap with the lines of text above and below the span, since the"
                     text run at (0,32) width 288: "padding and border should not effect the line height. "
                     text run at (288,32) width 472: "The span's border should have vertical lines only at the beginning and end of the whole"
                     text run at (0,48) width 121: "span, not on each line."
                 RenderText {TEXT} at (135,48) size 415x16
                   text run at (135,48) width 3: " "
-                  text run at (138,48) width 290: "The line spacing in the whole paragraph should be 12"
-                  text run at (428,48) width 108: "pt, with font-size 10"
-                  text run at (536,48) width 14: "pt."
+                  text run at (138,48) width 412: "The line spacing in the whole paragraph should be 12pt, with font-size 10pt."
index 1b91a82bf4ed3b65c7ccac58ebaaf78d5ad8cad3..a969865afea9e55cf88c476ca98a450826a68e83 100644 (file)
@@ -20,18 +20,15 @@ layer at (0,0) size 800x2369
       RenderBlock {P} at (0,185) size 784x19
         RenderImage {IMG} at (0,0) size 15x15
         RenderText {TEXT} at (15,1) size 434x18
-          text run at (15,1) width 369: "The image at the beginning of this sentence should be a 15"
-          text run at (384,1) width 65: "px square."
+          text run at (15,1) width 434: "The image at the beginning of this sentence should be a 15px square."
       RenderImage {IMG} at (0,220) size 15x15
       RenderBlock {P} at (0,251) size 784x18
         RenderText {TEXT} at (0,0) size 489x18
-          text run at (0,0) width 205: "The above image should be a 15"
-          text run at (205,0) width 284: "px square with the same left edge as this text."
+          text run at (0,0) width 489: "The above image should be a 15px square with the same left edge as this text."
       RenderImage {IMG} at (384,285) size 15x15
       RenderBlock {P} at (0,316) size 784x18
         RenderText {TEXT} at (0,0) size 400x18
-          text run at (0,0) width 205: "The above image should be a 15"
-          text run at (205,0) width 195: "px square aligned at the center."
+          text run at (0,0) width 400: "The above image should be a 15px square aligned at the center."
       RenderImage {IMG} at (196,350) size 392x392
       RenderBlock {P} at (0,758) size 784x36
         RenderText {TEXT} at (0,0) size 766x36
@@ -59,18 +56,15 @@ layer at (0,0) size 800x2369
               RenderBlock {P} at (4,4) size 762x19
                 RenderImage {IMG} at (0,0) size 15x15
                 RenderText {TEXT} at (15,1) size 434x18
-                  text run at (15,1) width 369: "The image at the beginning of this sentence should be a 15"
-                  text run at (384,1) width 65: "px square."
+                  text run at (15,1) width 434: "The image at the beginning of this sentence should be a 15px square."
               RenderImage {IMG} at (4,39) size 15x15
               RenderBlock {P} at (4,70) size 762x18
                 RenderText {TEXT} at (0,0) size 489x18
-                  text run at (0,0) width 205: "The above image should be a 15"
-                  text run at (205,0) width 284: "px square with the same left edge as this text."
+                  text run at (0,0) width 489: "The above image should be a 15px square with the same left edge as this text."
               RenderImage {IMG} at (377,104) size 15x15
               RenderBlock {P} at (4,135) size 762x18
                 RenderText {TEXT} at (0,0) size 400x18
-                  text run at (0,0) width 205: "The above image should be a 15"
-                  text run at (205,0) width 195: "px square aligned at the center."
+                  text run at (0,0) width 400: "The above image should be a 15px square aligned at the center."
               RenderImage {IMG} at (194,169) size 381x381
               RenderBlock {P} at (4,566) size 762x36
                 RenderText {TEXT} at (0,0) size 722x36
index 40639eac089eff079b20ae08d0ddb79553fefd27..43c6ef96a24cadf01a0fab29d77d4cb2ed62ebda 100644 (file)
@@ -8,42 +8,24 @@ layer at (0,0) size 800x2471
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x300
         RenderText {TEXT} at (0,0) size 496x285
-          text run at (0,0) width 184: "P.one {margin-bottom: 2"
-          text run at (184,0) width 184: "cm; padding-bottom: 0;}"
-          text run at (0,15) width 160: "P.two {margin-top: 2"
-          text run at (160,15) width 160: "cm; padding-top: 0;}"
+          text run at (0,0) width 368: "P.one {margin-bottom: 2cm; padding-bottom: 0;}"
+          text run at (0,15) width 320: "P.two {margin-top: 2cm; padding-top: 0;}"
           text run at (0,30) width 320: "P.three {margin-top: 0; padding-top: 0;}"
-          text run at (0,45) width 176: "P.four {margin-top: -1"
-          text run at (176,45) width 168: "cm; margin-bottom: 0;"
+          text run at (0,45) width 344: "P.four {margin-top: -1cm; margin-bottom: 0;"
           text run at (0,60) width 344: "        padding-top: 0; padding-bottom: 0;}"
-          text run at (0,75) width 184: "DIV.five {margin-top: 1"
-          text run at (184,75) width 160: "cm; margin-bottom: 1"
-          text run at (344,75) width 24: "cm;"
-          text run at (0,90) width 192: "          padding-top: 1"
-          text run at (192,90) width 184: "cm; padding-bottom: 0;}"
-          text run at (0,105) width 160: "P.six {margin-top: 1"
-          text run at (160,105) width 160: "cm; margin-bottom: 1"
-          text run at (320,105) width 24: "cm;"
+          text run at (0,75) width 368: "DIV.five {margin-top: 1cm; margin-bottom: 1cm;"
+          text run at (0,90) width 376: "          padding-top: 1cm; padding-bottom: 0;}"
+          text run at (0,105) width 344: "P.six {margin-top: 1cm; margin-bottom: 1cm;"
           text run at (0,120) width 336: "       padding-top: 0; padding-bottom: 0;}"
-          text run at (0,135) width 176: "P.seven {margin-top: 1"
-          text run at (176,135) width 160: "cm; padding-top: 0;}"
-          text run at (0,150) width 208: "P.eight {margin-bottom: -1"
-          text run at (208,150) width 168: "cm; padding-bottom: 2"
-          text run at (376,150) width 32: "cm;}"
-          text run at (0,165) width 176: "P.nine {margin-top: -1"
-          text run at (176,165) width 144: "cm; padding-top: 1"
-          text run at (320,165) width 24: "cm;"
-          text run at (0,180) width 344: "        padding-bottom: 0; margin-bottom: 1"
-          text run at (344,180) width 32: "cm;}"
-          text run at (0,195) width 160: "P.ten {margin-top: 1"
-          text run at (160,195) width 144: "cm;padding-top: 0;"
+          text run at (0,135) width 336: "P.seven {margin-top: 1cm; padding-top: 0;}"
+          text run at (0,150) width 408: "P.eight {margin-bottom: -1cm; padding-bottom: 2cm;}"
+          text run at (0,165) width 344: "P.nine {margin-top: -1cm; padding-top: 1cm;"
+          text run at (0,180) width 376: "        padding-bottom: 0; margin-bottom: 1cm;}"
+          text run at (0,195) width 304: "P.ten {margin-top: 1cm;padding-top: 0;"
           text run at (0,210) width 248: "       float: left;width: 50%;}"
-          text run at (0,225) width 184: "P.eleven {margin-top: 1"
-          text run at (184,225) width 264: "cm; padding-top: 0; clear: none;}"
-          text run at (0,240) width 360: "P.twelve {margin-bottom: 0; padding-bottom: 1"
-          text run at (360,240) width 136: "cm; clear: both;}"
-          text run at (0,255) width 328: "P.thirteen {margin-top: 0; padding-top: 1"
-          text run at (328,255) width 32: "cm;}"
+          text run at (0,225) width 448: "P.eleven {margin-top: 1cm; padding-top: 0; clear: none;}"
+          text run at (0,240) width 496: "P.twelve {margin-bottom: 0; padding-bottom: 1cm; clear: both;}"
+          text run at (0,255) width 360: "P.thirteen {margin-top: 0; padding-top: 1cm;}"
           text run at (0,270) width 160: "TABLE {clear: both;}"
       RenderBlock {HR} at (0,347) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,365) size 784x36
@@ -97,8 +79,7 @@ layer at (0,0) size 800x2471
         RenderText {TEXT} at (0,0) size 750x36
           text run at (0,0) width 555: "There should be two centimeters of padding between this paragraph and the one below. "
           text run at (555,0) width 195: "Padding does not collapse, and"
-          text run at (0,18) width 57: "there is 1"
-          text run at (57,18) width 177: "cm of padding on each side."
+          text run at (0,18) width 234: "there is 1cm of padding on each side."
       RenderBlock {P} at (0,1329) size 784x55
         RenderText {TEXT} at (0,37) size 167x18
           text run at (0,37) width 167: "This is the next paragraph."
@@ -165,8 +146,7 @@ layer at (0,0) size 800x2471
                 RenderText {TEXT} at (0,0) size 750x36
                   text run at (0,0) width 555: "There should be two centimeters of padding between this paragraph and the one below. "
                   text run at (555,0) width 195: "Padding does not collapse, and"
-                  text run at (0,18) width 57: "there is 1"
-                  text run at (57,18) width 177: "cm of padding on each side."
+                  text run at (0,18) width 234: "there is 1cm of padding on each side."
               RenderBlock {P} at (4,968) size 762x55
                 RenderText {TEXT} at (0,37) size 167x18
                   text run at (0,37) width 167: "This is the next paragraph."
index 224bcf2be4c463b8ebd4f130e2b6c2a5b8d13247..d8a127b24958bc17475e1b7e0875a6a6f1fd4598 100644 (file)
@@ -28,8 +28,7 @@ layer at (0,0) size 800x683
               RenderListMarker at (0,0) size 0x14
               RenderInline {A} at (0,0) size 110x18 [color=#800080]
                 RenderText {TEXT} at (0,0) size 110x18
-                  text run at (0,0) width 23: "W3"
-                  text run at (23,0) width 87: "C Web server"
+                  text run at (0,0) width 110: "W3C Web server"
               RenderText {TEXT} at (0,0) size 0x0
             RenderListItem {LI} at (40,18) size 704x18
               RenderListMarker at (0,0) size 0x14
@@ -105,8 +104,7 @@ layer at (0,0) size 800x683
                       RenderListMarker at (0,0) size 0x14
                       RenderInline {A} at (0,0) size 110x18 [color=#800080]
                         RenderText {TEXT} at (0,0) size 110x18
-                          text run at (0,0) width 23: "W3"
-                          text run at (23,0) width 87: "C Web server"
+                          text run at (0,0) width 110: "W3C Web server"
                       RenderText {TEXT} at (0,0) size 0x0
                     RenderListItem {LI} at (40,18) size 682x18
                       RenderListMarker at (0,0) size 0x14
index 9285937b3511845593b749e9c6a29a39f6496b59..59d73b7c6b811a8e9ffa96af787e2811c4999fdc 100644 (file)
@@ -8,26 +8,17 @@ layer at (0,0) size 800x1378
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x165
         RenderText {TEXT} at (0,0) size 264x165
-          text run at (0,0) width 200: ".one {letter-spacing: 0.3"
-          text run at (200,0) width 32: "in;}"
-          text run at (0,15) width 200: ".two {letter-spacing: 0.5"
-          text run at (200,15) width 32: "cm;}"
-          text run at (0,30) width 200: ".three {letter-spacing: 5"
-          text run at (200,30) width 32: "mm;}"
-          text run at (0,45) width 192: ".four {letter-spacing: 3"
-          text run at (192,45) width 32: "pt;}"
-          text run at (0,60) width 216: ".five {letter-spacing: 0.25"
-          text run at (216,60) width 32: "pc;}"
-          text run at (0,75) width 184: ".six {letter-spacing: 1"
-          text run at (184,75) width 32: "em;}"
-          text run at (0,90) width 200: ".seven {letter-spacing: 1"
-          text run at (200,90) width 32: "ex;}"
-          text run at (0,105) width 200: ".eight {letter-spacing: 5"
-          text run at (200,105) width 32: "px;}"
+          text run at (0,0) width 232: ".one {letter-spacing: 0.3in;}"
+          text run at (0,15) width 232: ".two {letter-spacing: 0.5cm;}"
+          text run at (0,30) width 232: ".three {letter-spacing: 5mm;}"
+          text run at (0,45) width 224: ".four {letter-spacing: 3pt;}"
+          text run at (0,60) width 248: ".five {letter-spacing: 0.25pc;}"
+          text run at (0,75) width 216: ".six {letter-spacing: 1em;}"
+          text run at (0,90) width 232: ".seven {letter-spacing: 1ex;}"
+          text run at (0,105) width 232: ".eight {letter-spacing: 5px;}"
           text run at (0,120) width 248: ".nine {letter-spacing: normal;}"
           text run at (0,135) width 224: ".ten {letter-spacing: 300%;}"
-          text run at (0,150) width 232: ".eleven {letter-spacing: -0.1"
-          text run at (232,150) width 32: "em;}"
+          text run at (0,150) width 264: ".eleven {letter-spacing: -0.1em;}"
       RenderBlock {HR} at (0,212) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,230) size 784x72
         RenderText {TEXT} at (0,0) size 694x72
index 38813c9834fee059b29e0e00a15fc169a308c5dd..1433839df65624a3d001012e27642c97500e28dc 100644 (file)
@@ -8,39 +8,18 @@ layer at (0,0) size 800x2621
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x210
         RenderText {TEXT} at (0,0) size 400x210
-          text run at (0,0) width 176: ".one {line-height: 0.5"
-          text run at (176,0) width 136: "in; font-size: 12"
-          text run at (312,0) width 32: "px;}"
-          text run at (0,15) width 160: ".two {line-height: 2"
-          text run at (160,15) width 136: "cm; font-size: 12"
-          text run at (296,15) width 32: "px;}"
-          text run at (0,30) width 184: ".three {line-height: 20"
-          text run at (184,30) width 136: "mm; font-size: 12"
-          text run at (320,30) width 32: "px;}"
-          text run at (0,45) width 176: ".four {line-height: 24"
-          text run at (176,45) width 136: "pt; font-size: 12"
-          text run at (312,45) width 32: "px;}"
-          text run at (0,60) width 168: ".five {line-height: 2"
-          text run at (168,60) width 136: "pc; font-size: 12"
-          text run at (304,60) width 32: "px;}"
-          text run at (0,75) width 160: ".six {line-height: 2"
-          text run at (160,75) width 136: "em; font-size: 12"
-          text run at (296,75) width 32: "px;}"
-          text run at (0,90) width 176: ".seven {line-height: 3"
-          text run at (176,90) width 136: "ex; font-size: 12"
-          text run at (312,90) width 32: "px;}"
-          text run at (0,105) width 320: ".eight {line-height: 200%; font-size: 12"
-          text run at (320,105) width 32: "px;}"
-          text run at (0,120) width 288: ".nine {line-height: 2; font-size: 12"
-          text run at (288,120) width 32: "px;}"
-          text run at (0,135) width 168: ".ten {line-height: 50"
-          text run at (168,135) width 136: "px; font-size: 12"
-          text run at (304,135) width 32: "px;}"
-          text run at (0,150) width 192: ".eleven {line-height: -1"
-          text run at (192,150) width 136: "em; font-size: 12"
-          text run at (328,150) width 32: "px;}"
-          text run at (0,165) width 368: "TABLE .ten {line-height: normal; font-size: 12"
-          text run at (368,165) width 32: "px;}"
+          text run at (0,0) width 344: ".one {line-height: 0.5in; font-size: 12px;}"
+          text run at (0,15) width 328: ".two {line-height: 2cm; font-size: 12px;}"
+          text run at (0,30) width 352: ".three {line-height: 20mm; font-size: 12px;}"
+          text run at (0,45) width 344: ".four {line-height: 24pt; font-size: 12px;}"
+          text run at (0,60) width 336: ".five {line-height: 2pc; font-size: 12px;}"
+          text run at (0,75) width 328: ".six {line-height: 2em; font-size: 12px;}"
+          text run at (0,90) width 344: ".seven {line-height: 3ex; font-size: 12px;}"
+          text run at (0,105) width 352: ".eight {line-height: 200%; font-size: 12px;}"
+          text run at (0,120) width 320: ".nine {line-height: 2; font-size: 12px;}"
+          text run at (0,135) width 336: ".ten {line-height: 50px; font-size: 12px;}"
+          text run at (0,150) width 360: ".eleven {line-height: -1em; font-size: 12px;}"
+          text run at (0,165) width 400: "TABLE .ten {line-height: normal; font-size: 12px;}"
           text run at (0,180) width 248: "DIV {background-color: silver;}"
           text run at (0,195) width 304: "SPAN.color {background-color: silver;}"
       RenderBlock {HR} at (0,257) size 784x2 [border: (1px inset #000000)]
@@ -74,8 +53,7 @@ layer at (0,0) size 800x2621
             text run at (0,5) width 592: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
         RenderBlock {P} at (0,48) size 784x72
           RenderText {TEXT} at (0,-2) size 763x72
-            text run at (0,-2) width 717: "This sentence should have a line-height of twice the DIV's font size, or 28"
-            text run at (717,-2) width 31: "px;"
+            text run at (0,-2) width 748: "This sentence should have a line-height of twice the DIV's font size, or 28px;"
             text run at (0,22) width 763: "this should not cause extra spacing between the lines, since the line-height and"
             text run at (0,46) width 364: "font-size should have the same value."
         RenderBlock (anonymous) at (0,144) size 784x24
@@ -92,9 +70,7 @@ layer at (0,0) size 800x2621
           RenderText {TEXT} at (0,10) size 749x144
             text run at (0,10) width 749: "This sentence should have a line-height of twice the font size, which is 200%"
             text run at (0,58) width 742: "normal thanks to an inline style; this should cause extra spacing between the"
-            text run at (0,106) width 308: "lines, as the font-size will be 28"
-            text run at (308,106) width 316: "px and the line-height will be 56"
-            text run at (624,106) width 30: "px."
+            text run at (0,106) width 654: "lines, as the font-size will be 28px and the line-height will be 56px."
         RenderBlock (anonymous) at (0,216) size 784x24
           RenderText {TEXT} at (0,5) size 606x24
             text run at (0,5) width 606: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
@@ -154,8 +130,7 @@ layer at (0,0) size 800x2621
                     text run at (0,5) width 592: "This first part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
                 RenderBlock {P} at (0,48) size 762x72
                   RenderText {TEXT} at (0,-2) size 748x72
-                    text run at (0,-2) width 717: "This sentence should have a line-height of twice the DIV's font size, or 28"
-                    text run at (717,-2) width 31: "px;"
+                    text run at (0,-2) width 748: "This sentence should have a line-height of twice the DIV's font size, or 28px;"
                     text run at (0,22) width 722: "this should not cause extra spacing between the lines, since the line-height"
                     text run at (0,46) width 405: "and font-size should have the same value."
                 RenderBlock (anonymous) at (0,144) size 762x24
@@ -172,9 +147,7 @@ layer at (0,0) size 800x2621
                   RenderText {TEXT} at (0,10) size 749x144
                     text run at (0,10) width 749: "This sentence should have a line-height of twice the font size, which is 200%"
                     text run at (0,58) width 742: "normal thanks to an inline style; this should cause extra spacing between the"
-                    text run at (0,106) width 308: "lines, as the font-size will be 28"
-                    text run at (308,106) width 316: "px and the line-height will be 56"
-                    text run at (624,106) width 30: "px."
+                    text run at (0,106) width 654: "lines, as the font-size will be 28px and the line-height will be 56px."
                 RenderBlock (anonymous) at (0,216) size 762x24
                   RenderText {TEXT} at (0,5) size 606x24
                     text run at (0,5) width 606: "This second part of the DIV should have a line-height of twice the font size, which should cause extra spacing between the lines."
index 558d9b471f030f994d4420392a23d1c4c6c108fe..5832e3577c9f128ebf02d58b5da4f3baea153f1d 100644 (file)
@@ -8,23 +8,15 @@ layer at (0,0) size 800x1246
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x165
         RenderText {TEXT} at (0,0) size 384x150
-          text run at (0,0) width 176: ".one {text-indent: 0.5"
-          text run at (176,0) width 176: "in; background: aqua;}"
-          text run at (0,15) width 160: ".two {text-indent: 2"
-          text run at (160,15) width 176: "cm; background: aqua;}"
-          text run at (0,30) width 184: ".three {text-indent: 20"
-          text run at (184,30) width 176: "mm; background: aqua;}"
-          text run at (0,45) width 176: ".four {text-indent: 24"
-          text run at (176,45) width 176: "pt; background: aqua;}"
-          text run at (0,60) width 168: ".five {text-indent: 2"
-          text run at (168,60) width 176: "pc; background: aqua;}"
-          text run at (0,75) width 160: ".six {text-indent: 2"
-          text run at (160,75) width 176: "em; background: aqua;}"
-          text run at (0,90) width 176: ".seven {text-indent: 2"
-          text run at (176,90) width 176: "ex; background: aqua;}"
+          text run at (0,0) width 352: ".one {text-indent: 0.5in; background: aqua;}"
+          text run at (0,15) width 336: ".two {text-indent: 2cm; background: aqua;}"
+          text run at (0,30) width 360: ".three {text-indent: 20mm; background: aqua;}"
+          text run at (0,45) width 352: ".four {text-indent: 24pt; background: aqua;}"
+          text run at (0,60) width 344: ".five {text-indent: 2pc; background: aqua;}"
+          text run at (0,75) width 336: ".six {text-indent: 2em; background: aqua;}"
+          text run at (0,90) width 352: ".seven {text-indent: 2ex; background: aqua;}"
           text run at (0,105) width 352: ".eight {text-indent: 50%; background: aqua;}"
-          text run at (0,120) width 176: ".nine {text-indent: 25"
-          text run at (176,120) width 176: "px; background: aqua;}"
+          text run at (0,120) width 352: ".nine {text-indent: 25px; background: aqua;}"
           text run at (0,135) width 384: "blockquote {text-indent: 50%; background: aqua;}"
       RenderBlock {HR} at (0,212) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,230) size 784x18 [bgcolor=#00FFFF]
index ac1d645c2640db617fefb73df44957502d1de433..48fd1738f9d7ba92cdee77468d37a2d55d19e063 100644 (file)
@@ -8,31 +8,19 @@ layer at (0,0) size 800x4407
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x270
         RenderText {TEXT} at (0,0) size 512x255
-          text run at (0,0) width 128: "P {font-size: 12"
-          text run at (128,0) width 32: "pt;}"
+          text run at (0,0) width 160: "P {font-size: 12pt;}"
           text run at (0,15) width 216: ".one {vertical-align: sub;}"
           text run at (0,30) width 232: ".two {vertical-align: super;}"
-          text run at (0,45) width 336: ".three {vertical-align: top; font-size: 12"
-          text run at (336,45) width 32: "pt;}"
-          text run at (0,60) width 368: ".four {vertical-align: text-top; font-size: 12"
-          text run at (368,60) width 32: "pt;}"
-          text run at (0,75) width 352: ".five {vertical-align: middle; font-size: 12"
-          text run at (352,75) width 32: "pt;}"
-          text run at (0,90) width 344: ".six {vertical-align: bottom; font-size: 12"
-          text run at (344,90) width 32: "pt;}"
-          text run at (0,105) width 400: ".seven {vertical-align: text-bottom; font-size: 12"
-          text run at (400,105) width 32: "pt;}"
-          text run at (0,120) width 376: ".eight {vertical-align: baseline; font-size: 12"
-          text run at (376,120) width 32: "pt;}"
-          text run at (0,135) width 328: ".nine {vertical-align: 50%; font-size: 12"
-          text run at (328,135) width 152: "px; line-height: 16"
-          text run at (480,135) width 32: "px;}"
-          text run at (0,165) width 192: "P.example {font-size: 14"
-          text run at (192,165) width 32: "pt;}"
-          text run at (0,180) width 144: "BIG {font-size: 16"
-          text run at (144,180) width 32: "pt;}"
-          text run at (0,195) width 160: "SMALL {font-size: 12"
-          text run at (160,195) width 32: "pt;}"
+          text run at (0,45) width 368: ".three {vertical-align: top; font-size: 12pt;}"
+          text run at (0,60) width 400: ".four {vertical-align: text-top; font-size: 12pt;}"
+          text run at (0,75) width 384: ".five {vertical-align: middle; font-size: 12pt;}"
+          text run at (0,90) width 376: ".six {vertical-align: bottom; font-size: 12pt;}"
+          text run at (0,105) width 432: ".seven {vertical-align: text-bottom; font-size: 12pt;}"
+          text run at (0,120) width 408: ".eight {vertical-align: baseline; font-size: 12pt;}"
+          text run at (0,135) width 512: ".nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}"
+          text run at (0,165) width 224: "P.example {font-size: 14pt;}"
+          text run at (0,180) width 176: "BIG {font-size: 16pt;}"
+          text run at (0,195) width 192: "SMALL {font-size: 12pt;}"
           text run at (0,210) width 304: ".ttopalign {vertical-align: text-top;}"
           text run at (0,225) width 256: ".topalign {vertical-align: top;}"
           text run at (0,240) width 280: ".midalign {vertical-align: middle;}"
@@ -92,8 +80,7 @@ layer at (0,0) size 800x4407
             RenderText {TEXT} at (19,32) size 126x18
               text run at (19,32) width 126: "The first four words"
           RenderText {TEXT} at (145,0) size 733x124
-            text run at (145,0) width 375: " in this sentence should be 12"
-            text run at (520,0) width 169: "pt in size and"
+            text run at (145,0) width 544: " in this sentence should be 12pt in size and"
             text run at (0,50) width 733: "bottom-aligned, which should align their bottom with the"
             text run at (0,87) width 517: "bottom of the lowest element in the line."
         RenderText {TEXT} at (0,0) size 0x0
@@ -107,8 +94,7 @@ layer at (0,0) size 800x4407
             RenderText {TEXT} at (19,19) size 293x18
               text run at (19,19) width 293: "The first eight words (\"eight\" has a descender)"
           RenderText {TEXT} at (312,0) size 745x161
-            text run at (312,0) width 375: " in this sentence should be 12"
-            text run at (687,0) width 58: "pt in"
+            text run at (312,0) width 433: " in this sentence should be 12pt in"
             text run at (0,50) width 692: "size and text-bottom-aligned, which should align their"
             text run at (0,87) width 671: "bottom with the bottom of the lowest text (including"
             text run at (0,124) width 294: "descenders) in the line."
@@ -123,8 +109,7 @@ layer at (0,0) size 800x4407
             RenderText {TEXT} at (19,36) size 126x18
               text run at (19,36) width 126: "The first four words"
           RenderText {TEXT} at (145,21) size 759x111
-            text run at (145,21) width 375: " in this sentence should be 12"
-            text run at (520,21) width 169: "pt in size and"
+            text run at (145,21) width 544: " in this sentence should be 12pt in size and"
             text run at (0,58) width 759: "baseline-aligned, which should align their baseline with the"
             text run at (0,95) width 522: "baseline of the rest of the text in the line."
         RenderText {TEXT} at (0,0) size 0x0
@@ -134,11 +119,8 @@ layer at (0,0) size 800x4407
           RenderText {TEXT} at (15,31) size 96x16
             text run at (15,31) width 96: "The first four words"
         RenderText {TEXT} at (111,36) size 750x36
-          text run at (111,36) width 286: " in this sentence should have a font-size of 12"
-          text run at (397,36) width 162: "px and a line-height of 16"
-          text run at (559,36) width 191: "px; they are also 50%-aligned,"
-          text run at (0,54) width 165: "which should raise them 8"
-          text run at (165,54) width 211: "px relative to the natural baseline."
+          text run at (111,36) width 639: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-aligned,"
+          text run at (0,54) width 376: "which should raise them 8px relative to the natural baseline."
       RenderBlock {P} at (0,1388) size 784x36
         RenderText {TEXT} at (0,0) size 742x36
           text run at (0,0) width 742: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the first"
@@ -441,8 +423,7 @@ layer at (0,0) size 800x4407
                     RenderText {TEXT} at (19,32) size 126x18
                       text run at (19,32) width 126: "The first four words"
                   RenderText {TEXT} at (145,0) size 733x124
-                    text run at (145,0) width 375: " in this sentence should be 12"
-                    text run at (520,0) width 169: "pt in size and"
+                    text run at (145,0) width 544: " in this sentence should be 12pt in size and"
                     text run at (0,50) width 733: "bottom-aligned, which should align their bottom with the"
                     text run at (0,87) width 517: "bottom of the lowest element in the line."
                 RenderText {TEXT} at (0,0) size 0x0
@@ -456,8 +437,7 @@ layer at (0,0) size 800x4407
                     RenderText {TEXT} at (19,19) size 293x18
                       text run at (19,19) width 293: "The first eight words (\"eight\" has a descender)"
                   RenderText {TEXT} at (312,0) size 745x161
-                    text run at (312,0) width 375: " in this sentence should be 12"
-                    text run at (687,0) width 58: "pt in"
+                    text run at (312,0) width 433: " in this sentence should be 12pt in"
                     text run at (0,50) width 692: "size and text-bottom-aligned, which should align their"
                     text run at (0,87) width 671: "bottom with the bottom of the lowest text (including"
                     text run at (0,124) width 294: "descenders) in the line."
@@ -472,8 +452,7 @@ layer at (0,0) size 800x4407
                     RenderText {TEXT} at (19,36) size 126x18
                       text run at (19,36) width 126: "The first four words"
                   RenderText {TEXT} at (145,21) size 759x111
-                    text run at (145,21) width 375: " in this sentence should be 12"
-                    text run at (520,21) width 169: "pt in size and"
+                    text run at (145,21) width 544: " in this sentence should be 12pt in size and"
                     text run at (0,58) width 759: "baseline-aligned, which should align their baseline with the"
                     text run at (0,95) width 522: "baseline of the rest of the text in the line."
                 RenderText {TEXT} at (0,0) size 0x0
@@ -483,11 +462,8 @@ layer at (0,0) size 800x4407
                   RenderText {TEXT} at (15,31) size 96x16
                     text run at (15,31) width 96: "The first four words"
                 RenderText {TEXT} at (111,36) size 750x36
-                  text run at (111,36) width 286: " in this sentence should have a font-size of 12"
-                  text run at (397,36) width 162: "px and a line-height of 16"
-                  text run at (559,36) width 191: "px; they are also 50%-aligned,"
-                  text run at (0,54) width 165: "which should raise them 8"
-                  text run at (165,54) width 211: "px relative to the natural baseline."
+                  text run at (111,36) width 639: " in this sentence should have a font-size of 12px and a line-height of 16px; they are also 50%-aligned,"
+                  text run at (0,54) width 376: "which should raise them 8px relative to the natural baseline."
               RenderBlock {P} at (4,1057) size 762x36
                 RenderText {TEXT} at (0,0) size 742x36
                   text run at (0,0) width 742: "In the following paragraph, all images should be aligned with the top of the 14-point text, which is identical to the first"
index fef7fd7d6511c7fa206b608a748d4bf30f5d634c..1e518786f77687c0a050b86fc47a9285b6c59aef 100644 (file)
@@ -8,26 +8,17 @@ layer at (0,0) size 800x997
           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,34) size 784x180
         RenderText {TEXT} at (0,0) size 248x165
-          text run at (0,0) width 184: ".one {word-spacing: 0.3"
-          text run at (184,0) width 32: "in;}"
-          text run at (0,15) width 184: ".two {word-spacing: 0.5"
-          text run at (184,15) width 32: "cm;}"
-          text run at (0,30) width 184: ".three {word-spacing: 5"
-          text run at (184,30) width 32: "mm;}"
-          text run at (0,45) width 176: ".four {word-spacing: 3"
-          text run at (176,45) width 32: "pt;}"
-          text run at (0,60) width 200: ".five {word-spacing: 0.25"
-          text run at (200,60) width 32: "pc;}"
-          text run at (0,75) width 168: ".six {word-spacing: 1"
-          text run at (168,75) width 32: "em;}"
-          text run at (0,90) width 184: ".seven {word-spacing: 1"
-          text run at (184,90) width 32: "ex;}"
-          text run at (0,105) width 184: ".eight {word-spacing: 5"
-          text run at (184,105) width 32: "px;}"
+          text run at (0,0) width 216: ".one {word-spacing: 0.3in;}"
+          text run at (0,15) width 216: ".two {word-spacing: 0.5cm;}"
+          text run at (0,30) width 216: ".three {word-spacing: 5mm;}"
+          text run at (0,45) width 208: ".four {word-spacing: 3pt;}"
+          text run at (0,60) width 232: ".five {word-spacing: 0.25pc;}"
+          text run at (0,75) width 200: ".six {word-spacing: 1em;}"
+          text run at (0,90) width 216: ".seven {word-spacing: 1ex;}"
+          text run at (0,105) width 216: ".eight {word-spacing: 5px;}"
           text run at (0,120) width 232: ".nine {word-spacing: normal;}"
           text run at (0,135) width 208: ".ten {word-spacing: 300%;}"
-          text run at (0,150) width 216: ".eleven {word-spacing: -0.2"
-          text run at (216,150) width 32: "em;}"
+          text run at (0,150) width 248: ".eleven {word-spacing: -0.2em;}"
       RenderBlock {HR} at (0,227) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,245) size 784x18
         RenderText {TEXT} at (0,0) size 701x18
index bf22d4a701fa6b6112cc9fd56a705db6f5ef42df..379b9cb671ba2159f610b704dfc3ff7cb8fa5c1d 100644 (file)
@@ -9,27 +9,16 @@ layer at (0,0) size 800x1546
       RenderBlock {PRE} at (0,34) size 784x165
         RenderText {TEXT} at (0,0) size 624x165
           text run at (0,0) width 184: ".zero {margin-left: 0;}"
-          text run at (0,15) width 160: ".one {margin-left: 3"
-          text run at (160,15) width 32: "em;}"
-          text run at (0,30) width 160: ".two {margin-left: 3"
-          text run at (160,30) width 32: "ex;}"
-          text run at (0,45) width 184: ".three {margin-left: 36"
-          text run at (184,45) width 32: "px;}"
-          text run at (0,60) width 184: ".four {margin-left: 0.5"
-          text run at (184,60) width 32: "in;}"
-          text run at (0,75) width 192: ".five {margin-left: 1.27"
-          text run at (192,75) width 32: "cm;}"
-          text run at (0,90) width 184: ".six {margin-left: 12.7"
-          text run at (184,90) width 32: "mm;}"
-          text run at (0,105) width 184: ".seven {margin-left: 36"
-          text run at (184,105) width 32: "pt;}"
-          text run at (0,120) width 176: ".eight {margin-left: 3"
-          text run at (176,120) width 32: "pc;}"
-          text run at (0,135) width 176: ".nine {margin-left: +3"
-          text run at (176,135) width 32: "pc;}"
-          text run at (0,150) width 152: ".ten {font-size: 40"
-          text run at (152,150) width 144: "px; border-left: 1"
-          text run at (296,150) width 328: "ex solid purple; background-color: aqua;}"
+          text run at (0,15) width 192: ".one {margin-left: 3em;}"
+          text run at (0,30) width 192: ".two {margin-left: 3ex;}"
+          text run at (0,45) width 216: ".three {margin-left: 36px;}"
+          text run at (0,60) width 216: ".four {margin-left: 0.5in;}"
+          text run at (0,75) width 224: ".five {margin-left: 1.27cm;}"
+          text run at (0,90) width 216: ".six {margin-left: 12.7mm;}"
+          text run at (0,105) width 216: ".seven {margin-left: 36pt;}"
+          text run at (0,120) width 208: ".eight {margin-left: 3pc;}"
+          text run at (0,135) width 208: ".nine {margin-left: +3pc;}"
+          text run at (0,150) width 624: ".ten {font-size: 40px; border-left: 1ex solid purple; background-color: aqua;}"
       RenderBlock {HR} at (0,212) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,230) size 784x36
         RenderText {TEXT} at (0,0) size 761x36
@@ -42,12 +31,10 @@ layer at (0,0) size 800x1546
           text run at (369,18) width 138: " paragraph's left edge."
       RenderBlock {P} at (48,282) size 736x18
         RenderText {TEXT} at (0,0) size 310x18
-          text run at (0,0) width 287: "This paragraph should have a left margin of 3"
-          text run at (287,0) width 23: "em."
+          text run at (0,0) width 310: "This paragraph should have a left margin of 3em."
       RenderBlock {P} at (23,316) size 761x18
         RenderText {TEXT} at (0,0) size 306x18
-          text run at (0,0) width 287: "This paragraph should have a left margin of 3"
-          text run at (287,0) width 19: "ex."
+          text run at (0,0) width 306: "This paragraph should have a left margin of 3ex."
       RenderBlock {P} at (36,350) size 748x18
         RenderText {TEXT} at (0,0) size 340x18
           text run at (0,0) width 340: "This paragraph should have a left margin of 36 pixels."
@@ -56,12 +43,10 @@ layer at (0,0) size 800x1546
           text run at (0,0) width 357: "This paragraph should have a left margin of half an inch."
       RenderBlock {P} at (48,418) size 736x18
         RenderText {TEXT} at (0,0) size 330x18
-          text run at (0,0) width 307: "This paragraph should have a left margin of 1.27"
-          text run at (307,0) width 23: "cm."
+          text run at (0,0) width 330: "This paragraph should have a left margin of 1.27cm."
       RenderBlock {P} at (48,452) size 736x18
         RenderText {TEXT} at (0,0) size 335x18
-          text run at (0,0) width 307: "This paragraph should have a left margin of 12.7"
-          text run at (307,0) width 28: "mm."
+          text run at (0,0) width 335: "This paragraph should have a left margin of 12.7mm."
       RenderBlock {P} at (48,486) size 736x18
         RenderText {TEXT} at (0,0) size 341x18
           text run at (0,0) width 341: "This paragraph should have a left margin of 36 points."
@@ -81,8 +66,7 @@ layer at (0,0) size 800x1546
           text run at (545,0) width 53: " of "
         RenderInline {CODE} at (0,0) size 96x46
           RenderText {TEXT} at (598,0) size 96x46
-            text run at (598,0) width 48: "40"
-            text run at (646,0) width 48: "px"
+            text run at (598,0) width 96: "40px"
         RenderText {TEXT} at (694,0) size 743x92
           text run at (694,0) width 68: " and"
           text run at (19,46) width 28: "a "
@@ -93,8 +77,7 @@ layer at (0,0) size 800x1546
           text run at (311,46) width 53: " of "
         RenderInline {CODE} at (0,0) size 384x46
           RenderText {TEXT} at (364,46) size 384x46
-            text run at (364,46) width 24: "1"
-            text run at (388,46) width 360: "ex solid purple"
+            text run at (364,46) width 384: "1ex solid purple"
         RenderText {TEXT} at (748,46) size 739x184
           text run at (748,46) width 10: "."
           text run at (19,92) width 673: "This should make the left border the same"
@@ -123,12 +106,10 @@ layer at (0,0) size 800x1546
                   text run at (369,18) width 138: " paragraph's left edge."
               RenderBlock {P} at (52,56) size 714x18
                 RenderText {TEXT} at (0,0) size 310x18
-                  text run at (0,0) width 287: "This paragraph should have a left margin of 3"
-                  text run at (287,0) width 23: "em."
+                  text run at (0,0) width 310: "This paragraph should have a left margin of 3em."
               RenderBlock {P} at (27,90) size 739x18
                 RenderText {TEXT} at (0,0) size 306x18
-                  text run at (0,0) width 287: "This paragraph should have a left margin of 3"
-                  text run at (287,0) width 19: "ex."
+                  text run at (0,0) width 306: "This paragraph should have a left margin of 3ex."
               RenderBlock {P} at (40,124) size 726x18
                 RenderText {TEXT} at (0,0) size 340x18
                   text run at (0,0) width 340: "This paragraph should have a left margin of 36 pixels."
@@ -137,12 +118,10 @@ layer at (0,0) size 800x1546
                   text run at (0,0) width 357: "This paragraph should have a left margin of half an inch."
               RenderBlock {P} at (52,192) size 714x18
                 RenderText {TEXT} at (0,0) size 330x18
-                  text run at (0,0) width 307: "This paragraph should have a left margin of 1.27"
-                  text run at (307,0) width 23: "cm."
+                  text run at (0,0) width 330: "This paragraph should have a left margin of 1.27cm."
               RenderBlock {P} at (52,226) size 714x18
                 RenderText {TEXT} at (0,0) size 335x18
-                  text run at (0,0) width 307: "This paragraph should have a left margin of 12.7"
-                  text run at (307,0) width 28: "mm."
+                  text run at (0,0) width 335: "This paragraph should have a left margin of 12.7mm."
               RenderBlock {P} at (52,260) size 714x18
                 RenderText {TEXT} at (0,0) size 341x18
                   text run at (0,0) width 341: "This paragraph should have a left margin of 36 points."
@@ -162,8 +141,7 @@ layer at (0,0) size 800x1546
                   text run at (545,0) width 53: " of "
                 RenderInline {CODE} at (0,0) size 96x46
                   RenderText {TEXT} at (598,0) size 96x46
-                    text run at (598,0) width 48: "40"
-                    text run at (646,0) width 48: "px"
+                    text run at (598,0) width 96: "40px"
                 RenderText {TEXT} at (694,0) size 743x92
                   text run at (694,0) width 68: " and"
                   text run at (19,46) width 28: "a "
@@ -174,8 +152,7 @@ layer at (0,0) size 800x1546
                   text run at (311,46) width 53: " of "
                 RenderInline {CODE} at (0,0) size 384x46
                   RenderText {TEXT} at (364,46) size 384x46
-                    text run at (364,46) width 24: "1"
-                    text run at (388,46) width 360: "ex solid purple"
+                    text run at (364,46) width 384: "1ex solid purple"
                 RenderText {TEXT} at (748,46) size 739x184
                   text run at (748,46) width 10: "."
                   text run at (19,92) width 673: "This should make the left border the same"
index f9cadd6f6e623ce3cb5afb75a16e745600c6466a..094f797e607d1c0f3818e6772974b4f42ed6d9c9 100644 (file)
@@ -5,17 +5,14 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderBlock {DIV} at (0,0) size 784x84 [border: (2px solid #0000FF)]
         RenderText {TEXT} at (14,14) size 715x56
-          text run at (14,14) width 250: "Size check should say: 30"
-          text run at (264,14) width 465: "px. All text in the red boxes should appear to be"
-          text run at (14,42) width 24: "30"
-          text run at (38,42) width 30: "px."
+          text run at (14,14) width 715: "Size check should say: 30px. All text in the red boxes should appear to be"
+          text run at (14,42) width 54: "30px."
       RenderBlock {DIV} at (0,108) size 784x28
         RenderText {TEXT} at (0,0) size 118x28
           text run at (0,0) width 118: "Size check: "
         RenderInline {SPAN} at (0,0) size 48x28
           RenderText {TEXT} at (118,0) size 48x28
-            text run at (118,0) width 24: "30"
-            text run at (142,0) width 24: "px"
+            text run at (118,0) width 48: "30px"
       RenderBlock {DIV} at (0,152) size 784x164
         RenderBlock {DIV} at (0,0) size 784x164 [border: (2px solid #FF0000)]
           RenderBlock (anonymous) at (14,14) size 756x36
index fbf6e552d3d21c97e4964616a719bd55e090e321..b53c3b45fdcfae69c5815e83de3b5bb6c8ccbda8 100644 (file)
@@ -5,17 +5,14 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderBlock {DIV} at (0,0) size 784x84 [border: (2px solid #0000FF)]
         RenderText {TEXT} at (14,14) size 748x56
-          text run at (14,14) width 250: "Size check should say: 30"
-          text run at (264,14) width 498: "px. All text on the first line, and the first two words"
-          text run at (14,42) width 403: "of the second line, should appear to be 30"
-          text run at (417,42) width 30: "px."
+          text run at (14,14) width 748: "Size check should say: 30px. All text on the first line, and the first two words"
+          text run at (14,42) width 433: "of the second line, should appear to be 30px."
       RenderBlock {DIV} at (0,108) size 784x28
         RenderText {TEXT} at (0,0) size 118x28
           text run at (0,0) width 118: "Size check: "
         RenderInline {SPAN} at (0,0) size 48x28
           RenderText {TEXT} at (118,0) size 48x28
-            text run at (118,0) width 24: "30"
-            text run at (142,0) width 24: "px"
+            text run at (118,0) width 48: "30px"
       RenderBlock {DIV} at (0,152) size 784x156
         RenderBlock {DIV} at (0,0) size 784x156 [border: (2px solid #FF0000)]
           RenderBlock (anonymous) at (14,14) size 756x36
index e7c9588ec3c58d206c1820708cc2f21bfbed3fb1..4b44cdb791e60e894cd012eb626c1eab7a69de48 100644 (file)
@@ -5,20 +5,16 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderBlock {DIV} at (0,0) size 784x112 [border: (2px solid #0000FF)]
         RenderText {TEXT} at (14,14) size 738x84
-          text run at (14,14) width 250: "Size check should say: 24"
-          text run at (264,14) width 473: "px. The first two words of the second line should"
-          text run at (14,42) width 149: "appear to be 24"
-          text run at (163,42) width 183: "px. The rest of the "
+          text run at (14,14) width 723: "Size check should say: 24px. The first two words of the second line should"
+          text run at (14,42) width 332: "appear to be 24px. The rest of the "
           text run at (346,42) width 406: "words on the second line should appear to"
-          text run at (14,70) width 53: "be 30"
-          text run at (67,70) width 30: "px."
+          text run at (14,70) width 83: "be 30px."
       RenderBlock {DIV} at (0,136) size 784x28
         RenderText {TEXT} at (0,0) size 118x28
           text run at (0,0) width 118: "Size check: "
         RenderInline {SPAN} at (0,0) size 48x28
           RenderText {TEXT} at (118,0) size 48x28
-            text run at (118,0) width 24: "24"
-            text run at (142,0) width 24: "px"
+            text run at (118,0) width 48: "24px"
       RenderBlock {DIV} at (0,180) size 784x148
         RenderBlock {DIV} at (0,0) size 784x148 [border: (2px solid #FF0000)]
           RenderBlock (anonymous) at (14,14) size 756x28
index ae2c2a7ee86bc9a20956434f906360a3059d5f1c..026ab304bd3c0b41281f212b2d2964571d956312 100644 (file)
@@ -5,18 +5,15 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderBlock {DIV} at (0,0) size 784x112 [border: (2px solid #0000FF)]
         RenderText {TEXT} at (14,14) size 715x84
-          text run at (14,14) width 250: "Size check should say: 30"
-          text run at (264,14) width 465: "px. All text in the red boxes should appear to be"
-          text run at (14,42) width 24: "24"
-          text run at (38,42) width 664: "px. This test checks removing font size tags when they are no longer"
+          text run at (14,14) width 715: "Size check should say: 30px. All text in the red boxes should appear to be"
+          text run at (14,42) width 688: "24px. This test checks removing font size tags when they are no longer"
           text run at (14,70) width 100: "necessary."
       RenderBlock {DIV} at (0,136) size 784x28
         RenderText {TEXT} at (0,0) size 118x28
           text run at (0,0) width 118: "Size check: "
         RenderInline {SPAN} at (0,0) size 48x28
           RenderText {TEXT} at (118,0) size 48x28
-            text run at (118,0) width 24: "30"
-            text run at (142,0) width 24: "px"
+            text run at (118,0) width 48: "30px"
       RenderBlock {DIV} at (0,180) size 784x140
         RenderBlock {DIV} at (0,0) size 784x140 [border: (2px solid #FF0000)]
           RenderBlock (anonymous) at (14,14) size 756x28
index a69739f5a598d586542a27410507cd6a92b6044f..4f496d0489402610949117f1eb5f01e787d6f9db 100644 (file)
@@ -15,8 +15,7 @@ layer at (0,0) size 800x600
             RenderText {TEXT} at (152,56) size 260x28
               text run at (152,56) width 260: "<rdar://problem/3972665>"
           RenderText {TEXT} at (412,56) size 740x56
-            text run at (412,56) width 18: " 8"
-            text run at (430,56) width 310: "A360: HTML message partially"
+            text run at (412,56) width 328: " 8A360: HTML message partially"
             text run at (0,84) width 560: "truncated on left hand side, text-indent from Script Editor"
         RenderBlock {DIV} at (14,142) size 756x84
           RenderText {TEXT} at (0,0) size 189x28
index b4f4319ccf0ba08ea810b245ceb00ce8ea4aaa99..a7949a6114e8dcf8ddc86a0af3e69e208f178bdf 100644 (file)
@@ -21,8 +21,7 @@ layer at (0,0) size 800x258
       RenderBlock {HR} at (293,190) size 198x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,208) size 784x18
         RenderText {TEXT} at (0,0) size 54x18
-          text run at (0,0) width 28: "(W3"
-          text run at (28,0) width 26: "C: \x{201C}"
+          text run at (0,0) width 54: "(W3C: \x{201C}"
         RenderInline {A} at (0,0) size 196x18 [color=#0000EE]
           RenderText {TEXT} at (54,0) size 196x18
             text run at (54,0) width 196: "By default, the rule is centered."
index 11568c238f601bb44239005a9e1e058f0a7a472e..15463e51250534415e2c2358887f64ad70a8c8f8 100644 (file)
@@ -6,8 +6,7 @@ layer at (0,0) size 800x600
       RenderImage {IMG} at (643,10) size 121x84
       RenderInline {A} at (0,0) size 377x18 [color=#0000EE]
         RenderText {TEXT} at (0,0) size 377x18
-          text run at (0,0) width 282: "http://www.apple.com/pr/library/2003/jan/02"
-          text run at (282,0) width 95: "ical_isync.html"
+          text run at (0,0) width 377: "http://www.apple.com/pr/library/2003/jan/02ical_isync.html"
       RenderBR {BR} at (0,0) size 0x0
       RenderInline {A} at (0,0) size 171x18 [color=#0000EE]
         RenderText {TEXT} at (0,18) size 171x18
index 041deb8b621f3d10cb656c11c0e5801179c7be52..39490392ca73293de2c379ee61cc62235e090370 100644 (file)
@@ -7,8 +7,7 @@ layer at (0,0) size 1518x3166
         RenderText {TEXT} at (0,0) size 783x36
           text run at (0,0) width 750: "In all of the examples, you should be able to see blue and green rectangles that spill way out of their containing blocks. "
           text run at (750,0) width 33: "They"
-          text run at (0,18) width 89: "should be 100"
-          text run at (89,18) width 476: "px tall and not overlap one another at all. They should be stacked vertically."
+          text run at (0,18) width 565: "should be 100px tall and not overlap one another at all. They should be stacked vertically."
       RenderBlock {DIV} at (0,52) size 720x240 [border: (10px solid #000000)]
         RenderText {TEXT} at (10,10) size 309x18
           text run at (10,10) width 309: "You should see blue and green rectangles below."
index d5ecb6ea3f7645f46a7ff07b6c080502d5eccee2..d10b72eaf749db4e782d5dc5b4c6e1569fb7cc87 100644 (file)
@@ -5,8 +5,7 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock {P} at (0,0) size 784x18
         RenderText {TEXT} at (0,0) size 572x18
-          text run at (0,0) width 178: "You should see a single 100"
-          text run at (178,0) width 161: "x100 green block below. "
+          text run at (0,0) width 339: "You should see a single 100x100 green block below. "
           text run at (339,0) width 233: "If you see any red, the test has failed."
       RenderBlock {UL} at (0,34) size 784x0
         RenderBlock (floating) {LI} at (100,0) size 100x100 [bgcolor=#FF0000]
index 38a7c07afd7408e56670198f2a473403240dba65..e725548ab47f4df490375ea466a923a8d74e9392 100644 (file)
@@ -15,12 +15,10 @@ layer at (0,0) size 800x600
         RenderBlock {DIV} at (2,34) size 796x0
         RenderBlock (anonymous) at (2,34) size 796x18
           RenderText {TEXT} at (0,0) size 483x18
-            text run at (0,0) width 376: "This text should be inside a black rectangle and below the 2"
-            text run at (376,0) width 107: "em white square."
+            text run at (0,0) width 483: "This text should be inside a black rectangle and below the 2em white square."
       RenderBlock {DIV} at (0,291) size 800x54 [bgcolor=#DDDDDD] [border: (2px solid #000000)]
         RenderBlock (floating) {DIV} at (2,2) size 32x32 [bgcolor=#FFFFFF]
         RenderBlock {DIV} at (2,34) size 796x0
         RenderBlock (anonymous) at (2,34) size 796x18
           RenderText {TEXT} at (0,0) size 512x18
-            text run at (0,0) width 405: "This text should also be inside a black rectangle and below the 2"
-            text run at (405,0) width 107: "em white square."
+            text run at (0,0) width 512: "This text should also be inside a black rectangle and below the 2em white square."
index b7c990046629742bd458b1a878cc0938c515b06c..4ccd2d66f41a11ce0c7a568b7b92ad082b9cee7e 100644 (file)
@@ -11,12 +11,10 @@ layer at (0,0) size 800x54
           text run at (1,19) width 65: "float:right;"
         RenderBR {BR} at (66,19) size 0x18
         RenderText {TEXT} at (1,37) size 88x18
-          text run at (1,37) width 68: "width: 250"
-          text run at (69,37) width 20: "px;"
+          text run at (1,37) width 88: "width: 250px;"
         RenderBR {BR} at (89,37) size 0x18
         RenderText {TEXT} at (1,55) size 87x18
-          text run at (1,55) width 67: "height:100"
-          text run at (68,55) width 20: "px;"
+          text run at (1,55) width 87: "height:100px;"
       RenderBlock {DIV} at (0,0) size 394x38 [border: (1px solid #FF0000)]
         RenderText {TEXT} at (1,1) size 31x18
           text run at (1,1) width 31: "TOP"
index df1c2a8b67ac3296ed60d27c5325255028e8df86..ad17eeb9c30d8322d58effcc5a24503ceabf156c 100644 (file)
@@ -5,8 +5,7 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock {P} at (0,0) size 784x18
         RenderText {TEXT} at (0,0) size 750x18
-          text run at (0,0) width 137: "You should see a 500"
-          text run at (137,0) width 326: "x300 rectangle with orange, yellow and olive rects. "
+          text run at (0,0) width 463: "You should see a 500x300 rectangle with orange, yellow and olive rects. "
           text run at (463,0) width 287: "No red should be visible or the test has failed."
       RenderBlock (floating) {DIV} at (0,34) size 500x300 [bgcolor=#FF0000]
         RenderBlock (floating) {DIV} at (0,0) size 250x300 [bgcolor=#FFA500]
index f42bc2f408f65fdccb1d45f15d0e2003188c57d4..12b1e76e4137249272f631da816fdc050e1df7e1 100644 (file)
@@ -6,9 +6,7 @@ layer at (0,0) size 800x600
       RenderBlock {DIV} at (0,0) size 784x35 [bgcolor=#008000] [border: (1px solid #000000) none]
         RenderBlock {P} at (0,0) size 784x18
           RenderText {TEXT} at (0,0) size 400x18
-            text run at (0,0) width 129: "This div should be 2"
-            text run at (129,0) width 97: "em tall with a 1"
-            text run at (226,0) width 174: "em gap underneath the text."
+            text run at (0,0) width 400: "This div should be 2em tall with a 1em gap underneath the text."
       RenderBlock {DIV} at (0,35) size 784x18 [bgcolor=#008000]
         RenderText {TEXT} at (0,0) size 400x18
           text run at (0,0) width 400: "I should also be green and flush with the other green div above."
index 081313d2b1c8f31f56ad0e032787b3528f3a2ab5..31955df94ec327a2eb130bb973307cf2216776b8 100644 (file)
@@ -6,7 +6,6 @@ layer at (0,0) size 800x600
       RenderBlock {DIV} at (0,0) size 385x347
         RenderBlock {P} at (0,0) size 385x40 [border: (2px solid #0000FF)]
           RenderText {TEXT} at (2,2) size 365x36
-            text run at (2,2) width 146: "There should be only 2"
-            text run at (148,2) width 219: "em between this paragraph and the"
+            text run at (2,2) width 365: "There should be only 2em between this paragraph and the"
             text run at (2,20) width 85: "image below."
         RenderImage {IMG} at (0,72) size 395x275
index ebc9038ca8bab3e559a6feee48d121204c43f40a..7dfbf4419df96633932d2db5320f835c99109f10 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderText {TEXT} at (0,0) size 546x18
-        text run at (0,0) width 158: "There should be two 100"
-        text run at (158,0) width 173: "x100 green squares below. "
+        text run at (0,0) width 331: "There should be two 100x100 green squares below. "
         text run at (331,0) width 215: "They should be vertically stacked."
       RenderText {TEXT} at (0,0) size 0x0
 layer at (10,40) size 100x100
index 9c9613232ced3366a91112891841f7d0650054c2..dfceb0f1ef4f8abdd2c04d1dfd5a1dd85a6d6b46 100644 (file)
@@ -8,8 +8,7 @@ layer at (0,0) size 800x600
           text run at (0,0) width 561: "In this test, you should see three blocks that are centered horizontally within a black box. "
           text run at (561,0) width 211: "They should be stacked vertically"
           text run at (0,18) width 303: "with the green box in between two olive boxes. "
-          text run at (303,18) width 311: "The olive boxes and the green box should be 100"
-          text run at (614,18) width 163: "x100, and there should be"
+          text run at (303,18) width 474: "The olive boxes and the green box should be 100x100, and there should be"
           text run at (0,36) width 325: "50 pixels of padding on either side of the box stack."
 layer at (8,78) size 240x340
   RenderBlock (positioned) {DIV} at (8,78) size 240x340 [border: (20px solid #000000)]
index 72f6fd3871336cc3e149c65b56e9c5510a13be8c..cd8c64c837ef55e0bd8d98516e93966761e35a66 100644 (file)
@@ -8,8 +8,7 @@ layer at (0,0) size 800x600
           text run at (0,0) width 508: "In this test, you should see three blocks that are aligned right within a black box. "
           text run at (508,0) width 266: "They should be stacked vertically with the"
           text run at (0,18) width 248: "green box in between two olive boxes. "
-          text run at (248,18) width 311: "The olive boxes and the green box should be 100"
-          text run at (559,18) width 191: "x100, and there should be 100"
+          text run at (248,18) width 502: "The olive boxes and the green box should be 100x100, and there should be 100"
           text run at (0,36) width 322: "pixels of padding on the right side of the box stack."
 layer at (8,78) size 240x340
   RenderBlock (positioned) {DIV} at (8,78) size 240x340 [border: (20px solid #000000)]
index 75790357a1248670fe4730e1c31ee3e6100383a9..eb0a35a66e3d527f25a46a808e4a72f389bcbaae 100644 (file)
@@ -8,8 +8,7 @@ layer at (0,0) size 800x600
           text run at (0,0) width 508: "In this test, you should see three blocks that are aligned right within a black box. "
           text run at (508,0) width 266: "They should be stacked vertically with the"
           text run at (0,18) width 248: "green box in between two olive boxes. "
-          text run at (248,18) width 311: "The olive boxes and the green box should be 100"
-          text run at (559,18) width 191: "x100, and there should be 100"
+          text run at (248,18) width 502: "The olive boxes and the green box should be 100x100, and there should be 100"
           text run at (0,36) width 322: "pixels of padding on the right side of the box stack."
 layer at (8,78) size 240x340
   RenderBlock (positioned) {DIV} at (8,78) size 240x340 [border: (20px solid #000000)]
index 75790357a1248670fe4730e1c31ee3e6100383a9..eb0a35a66e3d527f25a46a808e4a72f389bcbaae 100644 (file)
@@ -8,8 +8,7 @@ layer at (0,0) size 800x600
           text run at (0,0) width 508: "In this test, you should see three blocks that are aligned right within a black box. "
           text run at (508,0) width 266: "They should be stacked vertically with the"
           text run at (0,18) width 248: "green box in between two olive boxes. "
-          text run at (248,18) width 311: "The olive boxes and the green box should be 100"
-          text run at (559,18) width 191: "x100, and there should be 100"
+          text run at (248,18) width 502: "The olive boxes and the green box should be 100x100, and there should be 100"
           text run at (0,36) width 322: "pixels of padding on the right side of the box stack."
 layer at (8,78) size 240x340
   RenderBlock (positioned) {DIV} at (8,78) size 240x340 [border: (20px solid #000000)]
index aa4b51e87ed98f120f2a7ad789d61da6acf85d7a..bc16b9ce68cee24802ed8a9bdb61fe2786ea599c 100644 (file)
@@ -7,8 +7,7 @@ layer at (0,0) size 800x600
         text run at (0,0) width 508: "In this test, you should see three blocks that are aligned right within a black box. "
         text run at (508,0) width 266: "They should be stacked vertically with the"
         text run at (0,18) width 248: "green box in between two olive boxes. "
-        text run at (248,18) width 311: "The olive boxes and the green box should be 100"
-        text run at (559,18) width 191: "x100, and there should be 100"
+        text run at (248,18) width 502: "The olive boxes and the green box should be 100x100, and there should be 100"
         text run at (0,36) width 326: "pixels of padding on the right side of the box stack. "
         text run at (326,36) width 455: "The black box's top should be aligned with the end of the last line in this"
         text run at (0,54) width 470: "parargaph and its left side should begin right after the end of this sentence. "
index 9e5c2c24b1936a8b5ea887189c0967699d4a9bf2..c4c0e4437997dfe8de1cab783514d2e8c8c4522a 100644 (file)
@@ -8,8 +8,7 @@ layer at (0,0) size 800x600
           text run at (0,0) width 508: "In this test, you should see three blocks that are aligned right within a black box. "
           text run at (508,0) width 266: "They should be stacked vertically with the"
           text run at (0,18) width 248: "green box in between two olive boxes. "
-          text run at (248,18) width 311: "The olive boxes and the green box should be 100"
-          text run at (559,18) width 191: "x100, and there should be 100"
+          text run at (248,18) width 502: "The olive boxes and the green box should be 100x100, and there should be 100"
           text run at (0,36) width 322: "pixels of padding on the right side of the box stack."
       RenderBlock {P} at (0,70) size 784x36
         RenderText {TEXT} at (14,0) size 770x36
index 96399ef1f1c76879f54a470265f088ffa0115ad6..d9e8c42f0a4b4a94ba4e152cc16d444039de011a 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x34
   RenderBlock {HTML} at (0,0) size 800x34
     RenderBody {BODY} at (8,8) size 784x18
       RenderText {TEXT} at (0,0) size 541x18
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 167: "x100 green square below. "
+        text run at (0,0) width 304: "You should see a 100x100 green square below. "
         text run at (304,0) width 237: "If you see any red, the test has failed. "
 layer at (8,26) size 200x200 backgroundClip at (108,126) size 100x100 clip at (108,126) size 100x100
   RenderBlock (positioned) {DIV} at (8,26) size 200x200 [bgcolor=#008000]
index 96f48d65369d07e39e19d55832b694d848ebdf59..73b86b49bba156e472d7cba4240111227e542405 100644 (file)
@@ -5,8 +5,7 @@ layer at (0,0) size 800x134
     RenderBody {BODY} at (8,8) size 784x118
       RenderBlock (anonymous) at (0,0) size 784x18
         RenderText {TEXT} at (0,0) size 537x18
-          text run at (0,0) width 137: "You should see a 100"
-          text run at (137,0) width 167: "x100 green square below. "
+          text run at (0,0) width 304: "You should see a 100x100 green square below. "
           text run at (304,0) width 233: "If you see any red, the test has failed."
 layer at (8,26) size 100x100 scrollHeight 200
   RenderBlock {DIV} at (0,18) size 100x100 [bgcolor=#008000]
index accff6765b5a70139bf42a71f2bb805cb3c71eb4..8b1588d4faf22e109fdd98dcc885b2edd7c7b7f9 100644 (file)
@@ -5,8 +5,7 @@ layer at (0,0) size 800x134
     RenderBody {BODY} at (8,8) size 784x118
       RenderBlock (anonymous) at (0,0) size 784x18
         RenderText {TEXT} at (0,0) size 537x18
-          text run at (0,0) width 137: "You should see a 100"
-          text run at (137,0) width 167: "x100 green square below. "
+          text run at (0,0) width 304: "You should see a 100x100 green square below. "
           text run at (304,0) width 233: "If you see any red, the test has failed."
 layer at (8,26) size 100x100 scrollWidth 200 scrollHeight 200
   RenderBlock {DIV} at (0,18) size 100x100
index 3970b4e72b42047680173c924cc51647f76810af..5f18b3952090c3140d1f43165100411839fd31f8 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x52
   RenderBlock {HTML} at (0,0) size 800x52
     RenderBody {BODY} at (8,8) size 784x36
       RenderText {TEXT} at (0,0) size 753x36
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 167: "x100 green square below. "
+        text run at (0,0) width 304: "You should see a 100x100 green square below. "
         text run at (304,0) width 237: "If you see any red, the test has failed. "
         text run at (541,0) width 212: "This test is checking to make sure"
         text run at (0,18) width 148: "overflow is done using "
index a82f651821bdcd539ddfc93725a493322c5f38da..68b22e76b15571204843e5d5c0c11fe95fd19e9a 100644 (file)
@@ -5,8 +5,7 @@ layer at (0,0) size 800x152
     RenderBody {BODY} at (8,8) size 784x136
       RenderBlock (anonymous) at (0,0) size 784x36
         RenderText {TEXT} at (0,0) size 753x36
-          text run at (0,0) width 137: "You should see a 100"
-          text run at (137,0) width 167: "x100 green square below. "
+          text run at (0,0) width 304: "You should see a 100x100 green square below. "
           text run at (304,0) width 237: "If you see any red, the test has failed. "
           text run at (541,0) width 212: "This test is checking to make sure"
           text run at (0,18) width 148: "overflow is done using "
index d6aea964ff1011160e44e2c2acc9b26656d61f15..be261b58d55b81ca7d1b936bcd13613d53c34656 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x70
   RenderBlock {HTML} at (0,0) size 800x70
     RenderBody {BODY} at (8,8) size 784x54
       RenderText {TEXT} at (0,0) size 771x54
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 167: "x100 green square below. "
+        text run at (0,0) width 304: "You should see a 100x100 green square below. "
         text run at (304,0) width 364: "If you see nothing at all or see any red, the test has failed. "
         text run at (668,0) width 67: "This test is"
         text run at (0,18) width 293: "checking to make sure overflow is done using "
index f7e9c50f951ca3cc510994ff57f1aaeb51d2d857..fe1cd628bc6c6233c2b6df8916870430e9251c4b 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x70
   RenderBlock {HTML} at (0,0) size 800x70
     RenderBody {BODY} at (8,8) size 784x54
       RenderText {TEXT} at (0,0) size 739x54
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 167: "x100 green square below. "
+        text run at (0,0) width 304: "You should see a 100x100 green square below. "
         text run at (304,0) width 364: "If you see nothing at all or see any red, the test has failed. "
         text run at (668,0) width 67: "This test is"
         text run at (0,18) width 293: "checking to make sure overflow is done using "
index 0fe22dff7b80019c04f42e41e92656a24c0df9a6..61f1612eb3d7e77305d766423d68e14ae922fc2e 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x70
   RenderBlock {HTML} at (0,0) size 800x70
     RenderBody {BODY} at (8,8) size 784x54
       RenderText {TEXT} at (0,0) size 739x54
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 167: "x100 green square below. "
+        text run at (0,0) width 304: "You should see a 100x100 green square below. "
         text run at (304,0) width 364: "If you see nothing at all or see any red, the test has failed. "
         text run at (668,0) width 67: "This test is"
         text run at (0,18) width 293: "checking to make sure overflow is done using "
index 5caf2c2249e8924ce94505b91daf99c92b53305a..140c4c3a6a9cd2b5ccfcfc285a695658afe5f9cd 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x52
   RenderBlock {HTML} at (0,0) size 800x52
     RenderBody {BODY} at (8,8) size 784x36
       RenderText {TEXT} at (0,0) size 780x36
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 167: "x100 green square below. "
+        text run at (0,0) width 304: "You should see a 100x100 green square below. "
         text run at (304,0) width 237: "If you see any red, the test has failed. "
         text run at (541,0) width 239: "This test is checking to make sure clip"
         text run at (0,18) width 192: "is applying to all descendants. "
index 5caf2c2249e8924ce94505b91daf99c92b53305a..140c4c3a6a9cd2b5ccfcfc285a695658afe5f9cd 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x52
   RenderBlock {HTML} at (0,0) size 800x52
     RenderBody {BODY} at (8,8) size 784x36
       RenderText {TEXT} at (0,0) size 780x36
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 167: "x100 green square below. "
+        text run at (0,0) width 304: "You should see a 100x100 green square below. "
         text run at (304,0) width 237: "If you see any red, the test has failed. "
         text run at (541,0) width 239: "This test is checking to make sure clip"
         text run at (0,18) width 192: "is applying to all descendants. "
index 5636f55f692d79291c53dd2fd65f2d109db3d49f..7a01adf99f040874690be87f17cd847ee71ed829 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x52
   RenderBlock {HTML} at (0,0) size 800x52
     RenderBody {BODY} at (8,8) size 784x36
       RenderText {TEXT} at (0,0) size 780x36
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 167: "x100 green square below. "
+        text run at (0,0) width 304: "You should see a 100x100 green square below. "
         text run at (304,0) width 237: "If you see any red, the test has failed. "
         text run at (541,0) width 239: "This test is checking to make sure clip"
         text run at (0,18) width 192: "is applying to all descendants. "
index 5636f55f692d79291c53dd2fd65f2d109db3d49f..7a01adf99f040874690be87f17cd847ee71ed829 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x52
   RenderBlock {HTML} at (0,0) size 800x52
     RenderBody {BODY} at (8,8) size 784x36
       RenderText {TEXT} at (0,0) size 780x36
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 167: "x100 green square below. "
+        text run at (0,0) width 304: "You should see a 100x100 green square below. "
         text run at (304,0) width 237: "If you see any red, the test has failed. "
         text run at (541,0) width 239: "This test is checking to make sure clip"
         text run at (0,18) width 192: "is applying to all descendants. "
index 5112f4f4674232ea72ba359f8e444a46a9a5c27a..6431693bcc3d598fc2590e3f22a9237922a01f67 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x52
   RenderBlock {HTML} at (0,0) size 800x52
     RenderBody {BODY} at (8,8) size 784x36
       RenderText {TEXT} at (0,0) size 780x36
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 167: "x100 green square below. "
+        text run at (0,0) width 304: "You should see a 100x100 green square below. "
         text run at (304,0) width 237: "If you see any red, the test has failed. "
         text run at (541,0) width 239: "This test is checking to make sure clip"
         text run at (0,18) width 377: "applies to the element itself and starts from the border edge. "
index ada7ac8b74f6ab14ebe3189134f887cad3d34352..31e052662d689b24fc303fb07a3335a5aec87969 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x70
   RenderBlock {HTML} at (0,0) size 800x70
     RenderBody {BODY} at (8,8) size 784x54
       RenderText {TEXT} at (0,0) size 770x54
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 268: "x100 green square with a scrollbar below. "
+        text run at (0,0) width 405: "You should see a 100x100 green square with a scrollbar below. "
         text run at (405,0) width 237: "If you see any red, the test has failed. "
         text run at (642,0) width 128: "This test is checking"
         text run at (0,18) width 617: "to make sure clip applies to the element itself, starts from the border edge, and clips out scrollbars. "
index b3609e3f207b52b0a6a1c075d737336dedbbbb89..c7bdf393c9c2c9442916ca8bcc64ebb2c50c9e87 100644 (file)
@@ -5,8 +5,7 @@ layer at (0,0) size 800x134
     RenderBody {BODY} at (8,8) size 784x118
       RenderBlock (anonymous) at (0,0) size 784x18
         RenderText {TEXT} at (0,0) size 736x18
-          text run at (0,0) width 137: "You should see a 100"
-          text run at (137,0) width 167: "x100 green square below. "
+          text run at (0,0) width 304: "You should see a 100x100 green square below. "
           text run at (304,0) width 432: "This test makes sure overflow uses containing blocks when clipping."
 layer at (8,26) size 100x100 scrollWidth 200 scrollHeight 200
   RenderBlock {DIV} at (0,18) size 100x100 [bgcolor=#008000]
index 3c0fb2e5fe1b0d8cba0a2036d62fb59e74cb010f..d05c672d598b4489a07fa550aa9f28de524c33c7 100644 (file)
@@ -4,8 +4,7 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderText {TEXT} at (0,0) size 300x18
-        text run at (0,0) width 137: "You should see a 100"
-        text run at (137,0) width 163: "x100 green square below."
+        text run at (0,0) width 300: "You should see a 100x100 green square below."
       RenderText {TEXT} at (0,0) size 0x0
       RenderText {TEXT} at (0,0) size 0x0
 layer at (50,50) size 100x500 backgroundClip at (50,50) size 100x100 clip at (50,50) size 100x100
index 0fa9963cefdb759509e89b54358bb0d44683b147..4c55f2e22499a5c136e994e7308d674cc80a6e47 100644 (file)
@@ -13,8 +13,7 @@ layer at (0,0) size 800x600
         RenderText {TEXT} at (55,45) size 780x123
           text run at (55,45) width 726: "ere is the first paragraph. Here the CSS :first-line rule sets the text to"
           text run at (1,84) width 232: "a green, sans-serif font. "
-          text run at (233,84) width 505: "Then, the CSS :first-letter rule sets the font size to 3"
-          text run at (738,84) width 36: "em,"
+          text run at (233,84) width 541: "Then, the CSS :first-letter rule sets the font size to 3em,"
           text run at (1,112) width 743: "and makes the text bold. And here's some more text to pad out the paragraph"
           text run at (1,140) width 723: "and make things look nice (or, at least, to illustrate the problem correctly)."
       RenderBlock {P} at (0,280) size 784x142 [bgcolor=#EEEEEE] [border: (1px solid #000000)]
index 96d68e5ff03d3ef6fe6a1f6d9873e67155bd9ccb..dc89a25ea045a64b7697855061c04f4fc66398bf 100644 (file)
@@ -5,6 +5,4 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderBlock {DIV} at (0,0) size 784x48 [border: (10px solid #808000)]
         RenderText {TEXT} at (10,10) size 563x28
-          text run at (10,10) width 178: "You should see 24"
-          text run at (188,10) width 178: "px text inside a 10"
-          text run at (366,10) width 207: "px solid olive border."
+          text run at (10,10) width 563: "You should see 24px text inside a 10px solid olive border."
index 6b85f3a16c8a3d6156bab2086610bf2c7bc7eaf0..3e84aed1ee9974f8ff5400a54c0975f912190c60 100644 (file)
@@ -15,15 +15,12 @@ layer at (0,0) size 800x708
           text run at (0,18) width 773: "Because marquee is a WinIE element, we are honoring their treatment of the heigh attribute by making sure it is overridden"
           text run at (0,36) width 101: "when the given "
           text run at (101,36) width 645: "height is smaller than the font height. We also make sure that the default height of a vertical marquee is"
-          text run at (0,54) width 24: "200"
-          text run at (24,54) width 20: "px."
+          text run at (0,54) width 44: "200px."
       RenderBlock {P} at (0,122) size 784x36
         RenderText {TEXT} at (0,0) size 773x36
           text run at (0,0) width 773: "If successful, in the horizontal group, the pink marquee should be large, and the others should all be the same size. None of"
           text run at (0,18) width 50: "the text "
-          text run at (50,18) width 453: "should be cut off. In the vertical group, the aqua marquee should be 200"
-          text run at (503,18) width 205: "px, and the others should be 100"
-          text run at (708,18) width 20: "px."
+          text run at (50,18) width 678: "should be cut off. In the vertical group, the aqua marquee should be 200px, and the others should be 100px."
       RenderBlock {HR} at (0,174) size 784x2 [border: (1px inset #000000)]
       RenderBlock (anonymous) at (0,184) size 784x508
         RenderText {TEXT} at (0,0) size 0x0
@@ -39,8 +36,7 @@ layer at (0,0) size 800x708
         RenderBR {BR} at (0,186) size 0x18
         RenderBlock {DIV} at (0,204) size 113x200 [bgcolor=#008000]
           RenderText {TEXT} at (0,0) size 113x18
-            text run at (0,0) width 70: "This is 200"
-            text run at (70,0) width 43: "px tall."
+            text run at (0,0) width 113: "This is 200px tall."
         RenderText {TEXT} at (113,390) size 4x18
           text run at (113,390) width 4: " "
         RenderText {TEXT} at (317,390) size 4x18
@@ -50,8 +46,7 @@ layer at (0,0) size 800x708
         RenderText {TEXT} at (0,0) size 0x0
         RenderBlock {DIV} at (0,408) size 113x100 [bgcolor=#008000]
           RenderText {TEXT} at (0,0) size 113x18
-            text run at (0,0) width 70: "This is 100"
-            text run at (70,0) width 43: "px tall."
+            text run at (0,0) width 113: "This is 100px tall."
         RenderText {TEXT} at (0,0) size 0x0
         RenderText {TEXT} at (0,0) size 0x0
 layer at (8,192) size 784x16 scrollX -769 scrollWidth 1692 scrollHeight 18
index 35b08f217bcd2a60c1f7130a6b958065fdcdb2ee..9173ed757d79cdb0f27fc6dec27fca8a533ab8fb 100644 (file)
@@ -16,8 +16,7 @@ layer at (8,86) size 784x54 scrollHeight 576
  &nb