2008-04-30 Tor Arne Vestbø <tavestbo@trolltech.com>
authorhausmann@webkit.org <hausmann@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Wed, 30 Apr 2008 10:25:18 +0000 (10:25 +0000)
committerhausmann@webkit.org <hausmann@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Wed, 30 Apr 2008 10:25:18 +0000 (10:25 +0000)
        Rubber-stamped by Simon.

        Updated the expected test results to the current font metrics.

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

128 files changed:
LayoutTests/ChangeLog
LayoutTests/platform/qt/css1/basic/class_as_selector-expected.txt
LayoutTests/platform/qt/css1/basic/comments-expected.txt
LayoutTests/platform/qt/css1/basic/containment-expected.txt
LayoutTests/platform/qt/css1/basic/contextual_selectors-expected.txt
LayoutTests/platform/qt/css1/basic/grouping-expected.txt
LayoutTests/platform/qt/css1/basic/id_as_selector-expected.txt
LayoutTests/platform/qt/css1/basic/inheritance-expected.txt
LayoutTests/platform/qt/css1/box_properties/acid_test-expected.txt
LayoutTests/platform/qt/css1/box_properties/border-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_bottom-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_bottom_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_bottom_width-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_bottom_width_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_color-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_color_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_left-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_left_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_left_width-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_left_width_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_right-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_right_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_right_width-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_right_width_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_style-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_style_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_top-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_top_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_top_width-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_top_width_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_width-expected.txt
LayoutTests/platform/qt/css1/box_properties/border_width_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/clear-expected.txt
LayoutTests/platform/qt/css1/box_properties/clear_float-expected.txt
LayoutTests/platform/qt/css1/box_properties/float-expected.txt
LayoutTests/platform/qt/css1/box_properties/float_elements_in_series-expected.txt
LayoutTests/platform/qt/css1/box_properties/float_margin-expected.txt
LayoutTests/platform/qt/css1/box_properties/height-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_bottom-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_bottom_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_left-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_left_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_right-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_right_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_top-expected.txt
LayoutTests/platform/qt/css1/box_properties/margin_top_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_bottom-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_bottom_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_left-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_left_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_right-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_right_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_top-expected.txt
LayoutTests/platform/qt/css1/box_properties/padding_top_inline-expected.txt
LayoutTests/platform/qt/css1/box_properties/width-expected.txt
LayoutTests/platform/qt/css1/cascade/cascade_order-expected.txt
LayoutTests/platform/qt/css1/cascade/important-expected.txt
LayoutTests/platform/qt/css1/classification/display-expected.txt
LayoutTests/platform/qt/css1/classification/list_style-expected.txt
LayoutTests/platform/qt/css1/classification/list_style_image-expected.txt
LayoutTests/platform/qt/css1/classification/list_style_position-expected.txt
LayoutTests/platform/qt/css1/classification/list_style_type-expected.txt
LayoutTests/platform/qt/css1/classification/white_space-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_attachment-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_color-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_image-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_position-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_repeat-expected.txt
LayoutTests/platform/qt/css1/color_and_background/color-expected.txt
LayoutTests/platform/qt/css1/conformance/forward_compatible_parsing-expected.txt
LayoutTests/platform/qt/css1/font_properties/font-expected.txt
LayoutTests/platform/qt/css1/font_properties/font_family-expected.txt
LayoutTests/platform/qt/css1/font_properties/font_size-expected.txt
LayoutTests/platform/qt/css1/font_properties/font_style-expected.txt
LayoutTests/platform/qt/css1/font_properties/font_variant-expected.txt
LayoutTests/platform/qt/css1/font_properties/font_weight-expected.txt
LayoutTests/platform/qt/css1/formatting_model/canvas-expected.txt
LayoutTests/platform/qt/css1/formatting_model/floating_elements-expected.txt
LayoutTests/platform/qt/css1/formatting_model/height_of_lines-expected.txt
LayoutTests/platform/qt/css1/formatting_model/horizontal_formatting-expected.txt
LayoutTests/platform/qt/css1/formatting_model/inline_elements-expected.txt
LayoutTests/platform/qt/css1/formatting_model/replaced_elements-expected.txt
LayoutTests/platform/qt/css1/formatting_model/vertical_formatting-expected.txt
LayoutTests/platform/qt/css1/pseudo/anchor-expected.txt
LayoutTests/platform/qt/css1/pseudo/firstletter-expected.txt
LayoutTests/platform/qt/css1/pseudo/firstline-expected.txt
LayoutTests/platform/qt/css1/pseudo/multiple_pseudo_elements-expected.txt
LayoutTests/platform/qt/css1/pseudo/pseudo_elements_in_selectors-expected.txt
LayoutTests/platform/qt/css1/text_properties/letter_spacing-expected.txt
LayoutTests/platform/qt/css1/text_properties/line_height-expected.txt
LayoutTests/platform/qt/css1/text_properties/text_align-expected.txt
LayoutTests/platform/qt/css1/text_properties/text_decoration-expected.txt
LayoutTests/platform/qt/css1/text_properties/text_indent-expected.txt
LayoutTests/platform/qt/css1/text_properties/text_transform-expected.txt
LayoutTests/platform/qt/css1/text_properties/vertical_align-expected.txt
LayoutTests/platform/qt/css1/text_properties/word_spacing-expected.txt
LayoutTests/platform/qt/css1/units/color_units-expected.txt
LayoutTests/platform/qt/css1/units/length_units-expected.txt
LayoutTests/platform/qt/css1/units/percentage_units-expected.txt
LayoutTests/platform/qt/css1/units/urls-expected.txt
LayoutTests/platform/qt/css2.1/t010403-shand-font-00-b-expected.txt
LayoutTests/platform/qt/css2.1/t010403-shand-font-01-b-expected.txt
LayoutTests/platform/qt/css2.1/t010403-shand-font-02-b-expected.txt
LayoutTests/platform/qt/css2.1/t010403-shand-font-03-b-expected.txt
LayoutTests/platform/qt/css2.1/t040103-escapes-01-b-expected.txt
LayoutTests/platform/qt/css2.1/t040105-atkeyw-00-b-expected.txt
LayoutTests/platform/qt/css2.1/t040304-c64-uri-00-a-g-expected.txt
LayoutTests/platform/qt/css2.1/t050803-c14-classes-00-e-expected.txt
LayoutTests/platform/qt/css2.1/t0509-c15-ids-01-e-expected.txt
LayoutTests/platform/qt/css2.1/t0602-c13-inh-underlin-00-e-expected.txt
LayoutTests/platform/qt/css2.1/t0603-c11-import-00-b-expected.txt
LayoutTests/platform/qt/css2.1/t09-c5526c-display-00-e-expected.txt
LayoutTests/platform/qt/css2.1/t0905-c414-flt-wrap-01-d-g-expected.txt
LayoutTests/platform/qt/css2.1/t090501-c414-flt-ln-00-d-expected.txt
LayoutTests/platform/qt/css2.1/t090501-c414-flt-ln-01-d-g-expected.txt
LayoutTests/platform/qt/css2.1/t090501-c414-flt-ln-02-d-expected.txt
LayoutTests/platform/qt/css2.1/t090501-c414-flt-ln-03-d-expected.txt
LayoutTests/platform/qt/css2.1/t100801-c548-ln-ht-02-b-ag-expected.txt
LayoutTests/platform/qt/css2.1/t1503-c522-font-family-00-b-expected.txt
LayoutTests/platform/qt/css2.1/t1508-c527-font-01-b-expected.txt
LayoutTests/platform/qt/css2.1/t1508-c527-font-06-b-expected.txt
LayoutTests/platform/qt/css3/css3-modsel-33-expected.txt

index f52b18b..d4df5ab 100644 (file)
@@ -1,3 +1,137 @@
+2008-04-30  Tor Arne Vestbø  <tavestbo@trolltech.com>
+
+        Rubber-stamped by Simon.
+
+        Updated the expected test results to the current font metrics.
+
+        * platform/qt/css1/basic/class_as_selector-expected.txt:
+        * platform/qt/css1/basic/comments-expected.txt:
+        * platform/qt/css1/basic/containment-expected.txt:
+        * platform/qt/css1/basic/contextual_selectors-expected.txt:
+        * platform/qt/css1/basic/grouping-expected.txt:
+        * platform/qt/css1/basic/id_as_selector-expected.txt:
+        * platform/qt/css1/basic/inheritance-expected.txt:
+        * platform/qt/css1/box_properties/acid_test-expected.txt:
+        * platform/qt/css1/box_properties/border-expected.txt:
+        * platform/qt/css1/box_properties/border_bottom-expected.txt:
+        * platform/qt/css1/box_properties/border_bottom_inline-expected.txt:
+        * platform/qt/css1/box_properties/border_bottom_width-expected.txt:
+        * platform/qt/css1/box_properties/border_bottom_width_inline-expected.txt:
+        * platform/qt/css1/box_properties/border_color-expected.txt:
+        * platform/qt/css1/box_properties/border_color_inline-expected.txt:
+        * platform/qt/css1/box_properties/border_inline-expected.txt:
+        * platform/qt/css1/box_properties/border_left-expected.txt:
+        * platform/qt/css1/box_properties/border_left_inline-expected.txt:
+        * platform/qt/css1/box_properties/border_left_width-expected.txt:
+        * platform/qt/css1/box_properties/border_left_width_inline-expected.txt:
+        * platform/qt/css1/box_properties/border_right-expected.txt:
+        * platform/qt/css1/box_properties/border_right_inline-expected.txt:
+        * platform/qt/css1/box_properties/border_right_width-expected.txt:
+        * platform/qt/css1/box_properties/border_right_width_inline-expected.txt:
+        * platform/qt/css1/box_properties/border_style-expected.txt:
+        * platform/qt/css1/box_properties/border_style_inline-expected.txt:
+        * platform/qt/css1/box_properties/border_top-expected.txt:
+        * platform/qt/css1/box_properties/border_top_inline-expected.txt:
+        * platform/qt/css1/box_properties/border_top_width-expected.txt:
+        * platform/qt/css1/box_properties/border_top_width_inline-expected.txt:
+        * platform/qt/css1/box_properties/border_width-expected.txt:
+        * platform/qt/css1/box_properties/border_width_inline-expected.txt:
+        * platform/qt/css1/box_properties/clear-expected.txt:
+        * platform/qt/css1/box_properties/clear_float-expected.txt:
+        * platform/qt/css1/box_properties/float-expected.txt:
+        * platform/qt/css1/box_properties/float_elements_in_series-expected.txt:
+        * platform/qt/css1/box_properties/float_margin-expected.txt:
+        * platform/qt/css1/box_properties/height-expected.txt:
+        * platform/qt/css1/box_properties/margin-expected.txt:
+        * platform/qt/css1/box_properties/margin_bottom-expected.txt:
+        * platform/qt/css1/box_properties/margin_bottom_inline-expected.txt:
+        * platform/qt/css1/box_properties/margin_inline-expected.txt:
+        * platform/qt/css1/box_properties/margin_left-expected.txt:
+        * platform/qt/css1/box_properties/margin_left_inline-expected.txt:
+        * platform/qt/css1/box_properties/margin_right-expected.txt:
+        * platform/qt/css1/box_properties/margin_right_inline-expected.txt:
+        * platform/qt/css1/box_properties/margin_top-expected.txt:
+        * platform/qt/css1/box_properties/margin_top_inline-expected.txt:
+        * platform/qt/css1/box_properties/padding-expected.txt:
+        * platform/qt/css1/box_properties/padding_bottom-expected.txt:
+        * platform/qt/css1/box_properties/padding_bottom_inline-expected.txt:
+        * platform/qt/css1/box_properties/padding_inline-expected.txt:
+        * platform/qt/css1/box_properties/padding_left-expected.txt:
+        * platform/qt/css1/box_properties/padding_left_inline-expected.txt:
+        * platform/qt/css1/box_properties/padding_right-expected.txt:
+        * platform/qt/css1/box_properties/padding_right_inline-expected.txt:
+        * platform/qt/css1/box_properties/padding_top-expected.txt:
+        * platform/qt/css1/box_properties/padding_top_inline-expected.txt:
+        * platform/qt/css1/box_properties/width-expected.txt:
+        * platform/qt/css1/cascade/cascade_order-expected.txt:
+        * platform/qt/css1/cascade/important-expected.txt:
+        * platform/qt/css1/classification/display-expected.txt:
+        * platform/qt/css1/classification/list_style-expected.txt:
+        * platform/qt/css1/classification/list_style_image-expected.txt:
+        * platform/qt/css1/classification/list_style_position-expected.txt:
+        * platform/qt/css1/classification/list_style_type-expected.txt:
+        * platform/qt/css1/classification/white_space-expected.txt:
+        * platform/qt/css1/color_and_background/background-expected.txt:
+        * platform/qt/css1/color_and_background/background_attachment-expected.txt:
+        * platform/qt/css1/color_and_background/background_color-expected.txt:
+        * platform/qt/css1/color_and_background/background_image-expected.txt:
+        * platform/qt/css1/color_and_background/background_position-expected.txt:
+        * platform/qt/css1/color_and_background/background_repeat-expected.txt:
+        * platform/qt/css1/color_and_background/color-expected.txt:
+        * platform/qt/css1/conformance/forward_compatible_parsing-expected.txt:
+        * platform/qt/css1/font_properties/font-expected.txt:
+        * platform/qt/css1/font_properties/font_family-expected.txt:
+        * platform/qt/css1/font_properties/font_size-expected.txt:
+        * platform/qt/css1/font_properties/font_style-expected.txt:
+        * platform/qt/css1/font_properties/font_variant-expected.txt:
+        * platform/qt/css1/font_properties/font_weight-expected.txt:
+        * platform/qt/css1/formatting_model/canvas-expected.txt:
+        * platform/qt/css1/formatting_model/floating_elements-expected.txt:
+        * platform/qt/css1/formatting_model/height_of_lines-expected.txt:
+        * platform/qt/css1/formatting_model/horizontal_formatting-expected.txt:
+        * platform/qt/css1/formatting_model/inline_elements-expected.txt:
+        * platform/qt/css1/formatting_model/replaced_elements-expected.txt:
+        * platform/qt/css1/formatting_model/vertical_formatting-expected.txt:
+        * platform/qt/css1/pseudo/anchor-expected.txt:
+        * platform/qt/css1/pseudo/firstletter-expected.txt:
+        * platform/qt/css1/pseudo/firstline-expected.txt:
+        * platform/qt/css1/pseudo/multiple_pseudo_elements-expected.txt:
+        * platform/qt/css1/pseudo/pseudo_elements_in_selectors-expected.txt:
+        * platform/qt/css1/text_properties/letter_spacing-expected.txt:
+        * platform/qt/css1/text_properties/line_height-expected.txt:
+        * platform/qt/css1/text_properties/text_align-expected.txt:
+        * platform/qt/css1/text_properties/text_decoration-expected.txt:
+        * platform/qt/css1/text_properties/text_indent-expected.txt:
+        * platform/qt/css1/text_properties/text_transform-expected.txt:
+        * platform/qt/css1/text_properties/vertical_align-expected.txt:
+        * platform/qt/css1/text_properties/word_spacing-expected.txt:
+        * platform/qt/css1/units/color_units-expected.txt:
+        * platform/qt/css1/units/length_units-expected.txt:
+        * platform/qt/css1/units/percentage_units-expected.txt:
+        * platform/qt/css1/units/urls-expected.txt:
+        * platform/qt/css2.1/t010403-shand-font-00-b-expected.txt:
+        * platform/qt/css2.1/t010403-shand-font-01-b-expected.txt:
+        * platform/qt/css2.1/t010403-shand-font-02-b-expected.txt:
+        * platform/qt/css2.1/t010403-shand-font-03-b-expected.txt:
+        * platform/qt/css2.1/t040103-escapes-01-b-expected.txt:
+        * platform/qt/css2.1/t040105-atkeyw-00-b-expected.txt:
+        * platform/qt/css2.1/t040304-c64-uri-00-a-g-expected.txt:
+        * platform/qt/css2.1/t050803-c14-classes-00-e-expected.txt:
+        * platform/qt/css2.1/t0509-c15-ids-01-e-expected.txt:
+        * platform/qt/css2.1/t0602-c13-inh-underlin-00-e-expected.txt:
+        * platform/qt/css2.1/t0603-c11-import-00-b-expected.txt:
+        * platform/qt/css2.1/t09-c5526c-display-00-e-expected.txt:
+        * platform/qt/css2.1/t0905-c414-flt-wrap-01-d-g-expected.txt:
+        * platform/qt/css2.1/t090501-c414-flt-ln-00-d-expected.txt:
+        * platform/qt/css2.1/t090501-c414-flt-ln-01-d-g-expected.txt:
+        * platform/qt/css2.1/t090501-c414-flt-ln-02-d-expected.txt:
+        * platform/qt/css2.1/t090501-c414-flt-ln-03-d-expected.txt:
+        * platform/qt/css2.1/t100801-c548-ln-ht-02-b-ag-expected.txt:
+        * platform/qt/css2.1/t1503-c522-font-family-00-b-expected.txt:
+        * platform/qt/css2.1/t1508-c527-font-01-b-expected.txt:
+        * platform/qt/css2.1/t1508-c527-font-06-b-expected.txt:
+        * platform/qt/css3/css3-modsel-33-expected.txt:
+
 2008-04-30  Simon Hausmann  <hausmann@webkit.org>
 
         Rubber-stamped by Holger.
index da232b8..284a01f 100644 (file)
@@ -7,15 +7,15 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x76
-        RenderText {#text} at (0,1) size 176x74
-          text run at (0,1) width 160: ".one {color: green;}"
-          text run at (160,1) width 0: " "
-          text run at (0,20) width 128: ".1 {color: red;}"
-          text run at (128,20) width 0: " "
-          text run at (0,39) width 152: ".a1 {color: green;}"
-          text run at (152,39) width 0: " "
-          text run at (0,58) width 176: "P.two {color: purple;}"
-          text run at (176,58) width 0: " "
+        RenderText {#text} at (0,0) size 132x76
+          text run at (0,0) width 122: ".one {color: green;}"
+          text run at (122,0) width 0: " "
+          text run at (0,19) width 90: ".1 {color: red;}"
+          text run at (90,19) width 0: " "
+          text run at (0,38) width 114: ".a1 {color: green;}"
+          text run at (114,38) width 0: " "
+          text run at (0,57) width 132: "P.two {color: purple;}"
+          text run at (132,57) width 0: " "
       RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,139) size 784x19 [color=#008000]
         RenderText {#text} at (0,0) size 200x19
@@ -30,9 +30,9 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 203x19
           text run at (0,0) width 203: "This sentence should be purple."
       RenderBlock {PRE} at (0,271) size 784x19
-        RenderText {#text} at (0,1) size 280x17
-          text run at (0,1) width 280: "This sentence should NOT be purple."
-          text run at (280,1) width 0: " "
+        RenderText {#text} at (0,0) size 237x19
+          text run at (0,0) width 237: "This sentence should NOT be purple."
+          text run at (237,0) width 0: " "
       RenderBlock {UL} at (0,304) size 784x19
         RenderListItem {LI} at (40,0) size 744x19
           RenderListMarker at (-17,0) size 7x19: bullet
@@ -63,9 +63,9 @@ layer at (0,0) size 800x600
                 RenderText {#text} at (0,0) size 203x19
                   text run at (0,0) width 203: "This sentence should be purple."
               RenderBlock {PRE} at (4,136) size 563x19
-                RenderText {#text} at (0,1) size 280x17
-                  text run at (0,1) width 280: "This sentence should NOT be purple."
-                  text run at (280,1) width 0: " "
+                RenderText {#text} at (0,0) size 237x19
+                  text run at (0,0) width 237: "This sentence should NOT be purple."
+                  text run at (237,0) width 0: " "
               RenderBlock {UL} at (4,169) size 563x19
                 RenderListItem {LI} at (40,0) size 523x19
                   RenderListMarker at (-17,0) size 7x19: bullet
index 92be125..ae389f4 100644 (file)
@@ -7,36 +7,36 @@ layer at (0,0) size 800x916
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x285
-        RenderText {#text} at (0,1) size 336x283
-          text run at (0,1) width 232: "/* This is a CSS1 comment. */"
-          text run at (232,1) width 0: " "
-          text run at (0,20) width 336: ".one {color: green;} /* Another comment */"
-          text run at (336,20) width 0: " "
-          text run at (0,39) width 288: "/* The following should not be used:"
-          text run at (288,39) width 0: " "
-          text run at (0,58) width 168: ".two {color: red;} */"
-          text run at (168,58) width 0: " "
-          text run at (0,77) width 320: ".three {color: green; /* color: red; */}"
-          text run at (320,77) width 0: " "
-          text run at (0,96) width 24: "/**"
-          text run at (24,96) width 0: " "
-          text run at (0,115) width 176: ".four {color: red;} */"
-          text run at (176,115) width 0: " "
-          text run at (0,134) width 168: ".five {color: green;}"
-          text run at (168,134) width 0: " "
-          text run at (0,153) width 32: "/**/"
-          text run at (32,153) width 0: " "
-          text run at (0,172) width 160: ".six {color: green;}"
-          text run at (160,172) width 0: " "
-          text run at (0,191) width 88: "/*********/"
-          text run at (88,191) width 0: " "
-          text run at (0,210) width 176: ".seven {color: green;}"
-          text run at (176,210) width 0: " "
-          text run at (0,229) width 128: "/* a comment **/"
-          text run at (128,229) width 0: " "
-          text run at (0,248) width 176: ".eight {color: green;}"
-          text run at (176,248) width 0: " "
-          text run at (0,267) width 0: " "
+        RenderText {#text} at (0,0) size 265x285
+          text run at (0,0) width 186: "/* This is a CSS1 comment. */"
+          text run at (186,0) width 0: " "
+          text run at (0,19) width 265: ".one {color: green;} /* Another comment */"
+          text run at (265,19) width 0: " "
+          text run at (0,38) width 226: "/* The following should not be used:"
+          text run at (226,38) width 0: " "
+          text run at (0,57) width 117: ".two {color: red;} */"
+          text run at (117,57) width 0: " "
+          text run at (0,76) width 225: ".three {color: green; /* color: red; */}"
+          text run at (225,76) width 0: " "
+          text run at (0,95) width 14: "/**"
+          text run at (14,95) width 0: " "
+          text run at (0,114) width 120: ".four {color: red;} */"
+          text run at (120,114) width 0: " "
+          text run at (0,133) width 120: ".five {color: green;}"
+          text run at (120,133) width 0: " "
+          text run at (0,152) width 18: "/**/"
+          text run at (18,152) width 0: " "
+          text run at (0,171) width 115: ".six {color: green;}"
+          text run at (115,171) width 0: " "
+          text run at (0,190) width 53: "/*********/"
+          text run at (53,190) width 0: " "
+          text run at (0,209) width 136: ".seven {color: green;}"
+          text run at (136,209) width 0: " "
+          text run at (0,228) width 102: "/* a comment **/"
+          text run at (102,228) width 0: " "
+          text run at (0,247) width 129: ".eight {color: green;}"
+          text run at (129,247) width 0: " "
+          text run at (0,266) width 0: " "
       RenderBlock {HR} at (0,332) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,348) size 784x19 [color=#008000]
         RenderText {#text} at (0,0) size 200x19
index 8ac6ca4..381bc85 100644 (file)
@@ -1,88 +1,88 @@
-layer at (0,0) size 800x995
+layer at (0,0) size 800x985
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x995
-  RenderBlock {HTML} at (0,0) size 800x995
-    RenderBody {BODY} at (8,8) size 784x979 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x985
+  RenderBlock {HTML} at (0,0) size 800x985
+    RenderBody {BODY} at (8,8) size 784x969 [bgcolor=#CCCCCC]
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x190
-        RenderText {#text} at (0,1) size 728x188
-          text run at (0,1) width 624: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
-          text run at (624,1) width 0: " "
-          text run at (0,20) width 728: "<LINK rel=\"alternate stylesheet\" type=\"text/css\" href=\"linktest2.css\" title=\"Alternate SS\">"
-          text run at (728,20) width 0: " "
-          text run at (0,39) width 208: "@import url(imptest1.css);"
-          text run at (208,39) width 0: " "
-          text run at (0,58) width 192: "@import \"imptest1a.css\";"
-          text run at (192,58) width 0: " "
-          text run at (0,77) width 128: "UL {color: red;}"
-          text run at (128,77) width 0: " "
-          text run at (0,96) width 176: ".four {color: purple;}"
-          text run at (176,96) width 0: " "
-          text run at (0,115) width 208: "@import url(imptest2.css);"
-          text run at (208,115) width 0: " "
-          text run at (0,134) width 32: "<!--"
-          text run at (32,134) width 0: " "
-          text run at (0,153) width 168: "P.six {color: green;}"
-          text run at (168,153) width 0: " "
-          text run at (0,172) width 24: "-->"
-          text run at (24,172) width 0: " "
+        RenderText {#text} at (0,0) size 553x190
+          text run at (0,0) width 473: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
+          text run at (473,0) width 0: " "
+          text run at (0,19) width 553: "<LINK rel=\"alternate stylesheet\" type=\"text/css\" href=\"linktest2.css\" title=\"Alternate SS\">"
+          text run at (553,19) width 0: " "
+          text run at (0,38) width 167: "@import url(imptest1.css);"
+          text run at (167,38) width 0: " "
+          text run at (0,57) width 159: "@import \"imptest1a.css\";"
+          text run at (159,57) width 0: " "
+          text run at (0,76) width 96: "UL {color: red;}"
+          text run at (96,76) width 0: " "
+          text run at (0,95) width 126: ".four {color: purple;}"
+          text run at (126,95) width 0: " "
+          text run at (0,114) width 167: "@import url(imptest2.css);"
+          text run at (167,114) width 0: " "
+          text run at (0,133) width 22: "<!--"
+          text run at (22,133) width 0: " "
+          text run at (0,152) width 124: "P.six {color: green;}"
+          text run at (124,152) width 0: " "
+          text run at (0,171) width 18: "-->"
+          text run at (18,171) width 0: " "
       RenderBlock {HR} at (0,237) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,253) size 784x20
+      RenderBlock {P} at (0,253) size 784x19
         RenderText {#text} at (0,0) size 411x19
           text run at (0,0) width 411: "This sentence should be underlined due to the linked style sheet "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (411,2) size 96x17
-            text run at (411,2) width 96: "linktest.css"
-        RenderText {#text} at (507,0) size 255x19
-          text run at (507,0) width 255: ", the reference to which is shown above."
-      RenderBlock {P} at (0,287) size 784x39
+        RenderInline {CODE} at (0,0) size 69x19
+          RenderText {#text} at (411,0) size 69x19
+            text run at (411,0) width 69: "linktest.css"
+        RenderText {#text} at (480,0) size 255x19
+          text run at (480,0) width 255: ", the reference to which is shown above."
+      RenderBlock {P} at (0,286) size 784x39
         RenderText {#text} at (0,0) size 445x19
           text run at (0,0) width 445: "This sentence should NOT be underlined due to the linked style sheet "
-        RenderInline {CODE} at (0,0) size 104x17
-          RenderText {#text} at (445,2) size 104x17
-            text run at (445,2) width 104: "linktest2.css"
-        RenderText {#text} at (549,0) size 8x19
-          text run at (549,0) width 8: ", "
+        RenderInline {CODE} at (0,0) size 77x19
+          RenderText {#text} at (445,0) size 77x19
+            text run at (445,0) width 77: "linktest2.css"
+        RenderText {#text} at (522,0) size 8x19
+          text run at (522,0) width 8: ", "
         RenderInline {STRONG} at (0,0) size 46x20
-          RenderText {#text} at (557,0) size 46x20
-            text run at (557,0) width 46: "unless"
-        RenderText {#text} at (603,0) size 754x39
-          text run at (603,0) width 151: " the external style sheet"
+          RenderText {#text} at (530,0) size 46x20
+            text run at (530,0) width 46: "unless"
+        RenderText {#text} at (576,0) size 727x39
+          text run at (576,0) width 151: " the external style sheet"
           text run at (0,20) width 331: "\"Alternate SS\" has been selected via the user agent."
-      RenderBlock {UL} at (0,340) size 784x60 [color=#FF0000]
-        RenderListItem {LI} at (40,0) size 744x20 [color=#008000]
+      RenderBlock {UL} at (0,339) size 784x57 [color=#FF0000]
+        RenderListItem {LI} at (40,0) size 744x19 [color=#008000]
           RenderListMarker at (-17,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 400x19
             text run at (0,0) width 400: "This sentence should be green due to an imported style sheet ["
-          RenderInline {CODE} at (0,0) size 208x17
-            RenderText {#text} at (400,2) size 208x17
-              text run at (400,2) width 208: "@import url(imptest1.css);"
-          RenderText {#text} at (608,0) size 8x19
-            text run at (608,0) width 8: "]."
-        RenderListItem {LI} at (40,20) size 744x20 [color=#800080]
+          RenderInline {CODE} at (0,0) size 167x19
+            RenderText {#text} at (400,0) size 167x19
+              text run at (400,0) width 167: "@import url(imptest1.css);"
+          RenderText {#text} at (567,0) size 8x19
+            text run at (567,0) width 8: "]."
+        RenderListItem {LI} at (40,19) size 744x19 [color=#800080]
           RenderListMarker at (-17,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 403x19
             text run at (0,0) width 403: "This sentence should be purple due to an imported style sheet ["
-          RenderInline {CODE} at (0,0) size 184x17
-            RenderText {#text} at (403,2) size 184x17
-              text run at (403,2) width 184: "@import \"imptest1a.css\""
-          RenderText {#text} at (587,0) size 8x19
-            text run at (587,0) width 8: "]."
-        RenderListItem {LI} at (40,40) size 744x20 [color=#008000]
+          RenderInline {CODE} at (0,0) size 155x19
+            RenderText {#text} at (403,0) size 155x19
+              text run at (403,0) width 155: "@import \"imptest1a.css\""
+          RenderText {#text} at (558,0) size 8x19
+            text run at (558,0) width 8: "]."
+        RenderListItem {LI} at (40,38) size 744x19 [color=#008000]
           RenderListMarker at (-17,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 394x19
             text run at (0,0) width 394: "This sentence should be green thanks to the STYLE attribute ["
-          RenderInline {CODE} at (0,0) size 168x17
-            RenderText {#text} at (394,2) size 168x17
-              text run at (394,2) width 168: "STYLE=\"color: green;\""
-          RenderText {#text} at (562,0) size 8x19
-            text run at (562,0) width 8: "]."
-      RenderBlock {P} at (0,414) size 784x19 [color=#800080]
+          RenderInline {CODE} at (0,0) size 142x19
+            RenderText {#text} at (394,0) size 142x19
+              text run at (394,0) width 142: "STYLE=\"color: green;\""
+          RenderText {#text} at (536,0) size 8x19
+            text run at (536,0) width 8: "]."
+      RenderBlock {P} at (0,410) size 784x19 [color=#800080]
         RenderText {#text} at (0,0) size 512x19
           text run at (0,0) width 512: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
-      RenderBlock {OL} at (0,447) size 784x57
+      RenderBlock {OL} at (0,443) size 784x57
         RenderListItem {LI} at (40,0) size 744x19
           RenderListMarker at (-20,0) size 16x19: "1"
           RenderText {#text} at (0,0) size 196x19
@@ -95,89 +95,89 @@ layer at (0,0) size 800x995
           RenderListMarker at (-20,0) size 16x19: "3"
           RenderText {#text} at (0,0) size 508x19
             text run at (0,0) width 508: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
-      RenderBlock {P} at (0,518) size 784x39
-        RenderText {#text} at (0,0) size 701x19
+      RenderBlock {P} at (0,514) size 784x38
+        RenderText {#text} at (0,0) size 705x19
           text run at (0,0) width 200: "This sentence should be black. "
-          text run at (200,0) width 501: "If it is red, then the browser has inappropriately imported the styles from the file"
-        RenderInline {TT} at (0,0) size 96x17
-          RenderText {#text} at (0,21) size 96x17
-            text run at (0,21) width 96: "imptest2.css"
-        RenderText {#text} at (96,19) size 36x19
-          text run at (96,19) width 36: " (see "
+          text run at (200,0) width 505: "If it is red, then the browser has inappropriately imported the styles from the file "
+        RenderInline {TT} at (0,0) size 79x19
+          RenderText {#text} at (705,0) size 79x19
+            text run at (705,0) width 79: "imptest2.css"
+        RenderText {#text} at (0,19) size 32x19
+          text run at (0,19) width 32: "(see "
         RenderInline {A} at (0,0) size 69x19 [color=#0000FF]
-          RenderText {#text} at (132,19) size 69x19
-            text run at (132,19) width 69: "section 3.0"
-        RenderText {#text} at (201,19) size 274x19
-          text run at (201,19) width 274: " of the CSS1 specification for more details)."
-      RenderBlock {P} at (0,571) size 784x19 [color=#008000]
+          RenderText {#text} at (32,19) size 69x19
+            text run at (32,19) width 69: "section 3.0"
+        RenderText {#text} at (101,19) size 274x19
+          text run at (101,19) width 274: " of the CSS1 specification for more details)."
+      RenderBlock {P} at (0,566) size 784x19 [color=#008000]
         RenderText {#text} at (0,0) size 208x19
           text run at (0,0) width 208: "This paragraph should be green."
-      RenderTable {TABLE} at (0,604) size 784x375 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x373
+      RenderTable {TABLE} at (0,599) size 784x370 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x368
           RenderTableRow {TR} at (0,0) size 782x28
             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x345
-            RenderTableCell {TD} at (0,187) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 782x340
+            RenderTableCell {TD} at (0,184) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x345 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x20
+            RenderTableCell {TD} at (12,28) size 770x340 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x19
                 RenderText {#text} at (0,0) size 411x19
                   text run at (0,0) width 411: "This sentence should be underlined due to the linked style sheet "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (411,2) size 96x17
-                    text run at (411,2) width 96: "linktest.css"
-                RenderText {#text} at (507,0) size 255x19
-                  text run at (507,0) width 255: ", the reference to which is shown above."
-              RenderBlock {P} at (4,38) size 762x39
+                RenderInline {CODE} at (0,0) size 69x19
+                  RenderText {#text} at (411,0) size 69x19
+                    text run at (411,0) width 69: "linktest.css"
+                RenderText {#text} at (480,0) size 255x19
+                  text run at (480,0) width 255: ", the reference to which is shown above."
+              RenderBlock {P} at (4,37) size 762x39
                 RenderText {#text} at (0,0) size 445x19
                   text run at (0,0) width 445: "This sentence should NOT be underlined due to the linked style sheet "
-                RenderInline {CODE} at (0,0) size 104x17
-                  RenderText {#text} at (445,2) size 104x17
-                    text run at (445,2) width 104: "linktest2.css"
-                RenderText {#text} at (549,0) size 8x19
-                  text run at (549,0) width 8: ", "
+                RenderInline {CODE} at (0,0) size 77x19
+                  RenderText {#text} at (445,0) size 77x19
+                    text run at (445,0) width 77: "linktest2.css"
+                RenderText {#text} at (522,0) size 8x19
+                  text run at (522,0) width 8: ", "
                 RenderInline {STRONG} at (0,0) size 46x20
-                  RenderText {#text} at (557,0) size 46x20
-                    text run at (557,0) width 46: "unless"
-                RenderText {#text} at (603,0) size 754x39
-                  text run at (603,0) width 151: " the external style sheet"
+                  RenderText {#text} at (530,0) size 46x20
+                    text run at (530,0) width 46: "unless"
+                RenderText {#text} at (576,0) size 727x39
+                  text run at (576,0) width 151: " the external style sheet"
                   text run at (0,20) width 331: "\"Alternate SS\" has been selected via the user agent."
-              RenderBlock {UL} at (4,91) size 762x60 [color=#FF0000]
-                RenderListItem {LI} at (40,0) size 722x20 [color=#008000]
+              RenderBlock {UL} at (4,90) size 762x57 [color=#FF0000]
+                RenderListItem {LI} at (40,0) size 722x19 [color=#008000]
                   RenderListMarker at (-17,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 400x19
                     text run at (0,0) width 400: "This sentence should be green due to an imported style sheet ["
-                  RenderInline {CODE} at (0,0) size 208x17
-                    RenderText {#text} at (400,2) size 208x17
-                      text run at (400,2) width 208: "@import url(imptest1.css);"
-                  RenderText {#text} at (608,0) size 8x19
-                    text run at (608,0) width 8: "]."
-                RenderListItem {LI} at (40,20) size 722x20 [color=#800080]
+                  RenderInline {CODE} at (0,0) size 167x19
+                    RenderText {#text} at (400,0) size 167x19
+                      text run at (400,0) width 167: "@import url(imptest1.css);"
+                  RenderText {#text} at (567,0) size 8x19
+                    text run at (567,0) width 8: "]."
+                RenderListItem {LI} at (40,19) size 722x19 [color=#800080]
                   RenderListMarker at (-17,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 403x19
                     text run at (0,0) width 403: "This sentence should be purple due to an imported style sheet ["
-                  RenderInline {CODE} at (0,0) size 184x17
-                    RenderText {#text} at (403,2) size 184x17
-                      text run at (403,2) width 184: "@import \"imptest1a.css\""
-                  RenderText {#text} at (587,0) size 8x19
-                    text run at (587,0) width 8: "]."
-                RenderListItem {LI} at (40,40) size 722x20 [color=#008000]
+                  RenderInline {CODE} at (0,0) size 155x19
+                    RenderText {#text} at (403,0) size 155x19
+                      text run at (403,0) width 155: "@import \"imptest1a.css\""
+                  RenderText {#text} at (558,0) size 8x19
+                    text run at (558,0) width 8: "]."
+                RenderListItem {LI} at (40,38) size 722x19 [color=#008000]
                   RenderListMarker at (-17,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 394x19
                     text run at (0,0) width 394: "This sentence should be green thanks to the STYLE attribute ["
-                  RenderInline {CODE} at (0,0) size 168x17
-                    RenderText {#text} at (394,2) size 168x17
-                      text run at (394,2) width 168: "STYLE=\"color: green;\""
-                  RenderText {#text} at (562,0) size 8x19
-                    text run at (562,0) width 8: "]."
-              RenderBlock {P} at (4,165) size 762x19 [color=#800080]
+                  RenderInline {CODE} at (0,0) size 142x19
+                    RenderText {#text} at (394,0) size 142x19
+                      text run at (394,0) width 142: "STYLE=\"color: green;\""
+                  RenderText {#text} at (536,0) size 8x19
+                    text run at (536,0) width 8: "]."
+              RenderBlock {P} at (4,161) size 762x19 [color=#800080]
                 RenderText {#text} at (0,0) size 512x19
                   text run at (0,0) width 512: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
-              RenderBlock {OL} at (4,198) size 762x57
+              RenderBlock {OL} at (4,194) size 762x57
                 RenderListItem {LI} at (40,0) size 722x19
                   RenderListMarker at (-20,0) size 16x19: "1"
                   RenderText {#text} at (0,0) size 196x19
@@ -190,20 +190,20 @@ layer at (0,0) size 800x995
                   RenderListMarker at (-20,0) size 16x19: "3"
                   RenderText {#text} at (0,0) size 508x19
                     text run at (0,0) width 508: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
-              RenderBlock {P} at (4,269) size 762x39
+              RenderBlock {P} at (4,265) size 762x38
                 RenderText {#text} at (0,0) size 701x19
                   text run at (0,0) width 200: "This sentence should be black. "
                   text run at (200,0) width 501: "If it is red, then the browser has inappropriately imported the styles from the file"
-                RenderInline {TT} at (0,0) size 96x17
-                  RenderText {#text} at (0,21) size 96x17
-                    text run at (0,21) width 96: "imptest2.css"
-                RenderText {#text} at (96,19) size 36x19
-                  text run at (96,19) width 36: " (see "
+                RenderInline {TT} at (0,0) size 79x19
+                  RenderText {#text} at (0,19) size 79x19
+                    text run at (0,19) width 79: "imptest2.css"
+                RenderText {#text} at (79,19) size 36x19
+                  text run at (79,19) width 36: " (see "
                 RenderInline {A} at (0,0) size 69x19 [color=#0000FF]
-                  RenderText {#text} at (132,19) size 69x19
-                    text run at (132,19) width 69: "section 3.0"
-                RenderText {#text} at (201,19) size 274x19
-                  text run at (201,19) width 274: " of the CSS1 specification for more details)."
-              RenderBlock {P} at (4,322) size 762x19 [color=#008000]
+                  RenderText {#text} at (115,19) size 69x19
+                    text run at (115,19) width 69: "section 3.0"
+                RenderText {#text} at (184,19) size 274x19
+                  text run at (184,19) width 274: " of the CSS1 specification for more details)."
+              RenderBlock {P} at (4,317) size 762x19 [color=#008000]
                 RenderText {#text} at (0,0) size 208x19
                   text run at (0,0) width 208: "This paragraph should be green."
index f0cdbb0..22cda84 100644 (file)
@@ -3,31 +3,31 @@ layer at (0,0) size 800x600
 layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x20 [color=#000080]
-        RenderText {#text} at (0,0) size 342x20
-          text run at (0,0) width 342: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,34) size 784x76
-        RenderText {#text} at (0,1) size 472x74
-          text run at (0,1) width 288: "P {color: navy; font-family: serif;}"
-          text run at (288,1) width 0: " "
-          text run at (0,20) width 472: "HTML BODY TABLE P {color: purple; font-family: sans-serif;}"
-          text run at (472,20) width 0: " "
-          text run at (0,39) width 224: "EM, UL LI LI {color: green;}"
-          text run at (224,39) width 0: " "
-          text run at (0,58) width 0: " "
-      RenderBlock {HR} at (0,124) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,140) size 784x20 [color=#000080]
-        RenderText {#text} at (0,0) size 609x20
-          text run at (0,0) width 609: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
-      RenderBlock {P} at (0,174) size 784x20 [color=#000080]
-        RenderText {#text} at (0,0) size 536x20
-          text run at (0,0) width 536: "This sentence should be normal for its section, except for the last word, which should be "
-        RenderInline {EM} at (0,0) size 32x20 [color=#008000]
-          RenderText {#text} at (536,0) size 32x20
-            text run at (536,0) width 32: "green"
-        RenderText {#text} at (568,0) size 4x20
-          text run at (568,0) width 4: "."
-      RenderBlock {UL} at (0,208) size 784x39
+      RenderBlock {P} at (0,0) size 784x19 [color=#000080]
+        RenderText {#text} at (0,0) size 354x19
+          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,33) size 784x76
+        RenderText {#text} at (0,0) size 384x76
+          text run at (0,0) width 205: "P {color: navy; font-family: serif;}"
+          text run at (205,0) width 0: " "
+          text run at (0,19) width 384: "HTML BODY TABLE P {color: purple; font-family: sans-serif;}"
+          text run at (384,19) width 0: " "
+          text run at (0,38) width 173: "EM, UL LI LI {color: green;}"
+          text run at (173,38) width 0: " "
+          text run at (0,57) width 0: " "
+      RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,139) size 784x19 [color=#000080]
+        RenderText {#text} at (0,0) size 633x19
+          text run at (0,0) width 633: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
+      RenderBlock {P} at (0,172) size 784x20 [color=#000080]
+        RenderText {#text} at (0,0) size 561x19
+          text run at (0,0) width 561: "This sentence should be normal for its section, except for the last word, which should be "
+        RenderInline {EM} at (0,0) size 37x19 [color=#008000]
+          RenderText {#text} at (561,0) size 37x19
+            text run at (561,0) width 37: "green"
+        RenderText {#text} at (598,0) size 4x19
+          text run at (598,0) width 4: "."
+      RenderBlock {UL} at (0,206) size 784x39
         RenderListItem {LI} at (40,0) size 744x39
           RenderBlock (anonymous) at (0,0) size 744x20
             RenderListMarker at (-17,0) size 7x19: bullet
@@ -42,7 +42,7 @@ layer at (0,0) size 800x600
               RenderListMarker at (-17,0) size 7x19: white bullet
               RenderText {#text} at (0,0) size 138x19
                 text run at (0,0) width 138: "This should be green."
-      RenderTable {TABLE} at (0,261) size 655x158 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,259) size 655x158 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 653x156
           RenderTableRow {TR} at (0,0) size 653x28
             RenderTableCell {TD} at (0,0) size 653x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
index 752b1c6..72adcc9 100644 (file)
@@ -7,10 +7,10 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x38
-        RenderText {#text} at (0,1) size 272x36
-          text run at (0,1) width 272: ".one, .two, .three {color: green;}"
-          text run at (272,1) width 0: " "
-          text run at (0,20) width 0: " "
+        RenderText {#text} at (0,0) size 201x38
+          text run at (0,0) width 201: ".one, .two, .three {color: green;}"
+          text run at (201,0) width 0: " "
+          text run at (0,19) width 0: " "
       RenderBlock {HR} at (0,85) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,101) size 784x19 [color=#008000]
         RenderText {#text} at (0,0) size 200x19
index 598fbc6..95c02c6 100644 (file)
@@ -1,28 +1,28 @@
-layer at (0,0) size 800x667
+layer at (0,0) size 800x665
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x667
-  RenderBlock {HTML} at (0,0) size 800x667
-    RenderBody {BODY} at (8,8) size 784x651 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x665
+  RenderBlock {HTML} at (0,0) size 800x665
+    RenderBody {BODY} at (8,8) size 784x649 [bgcolor=#CCCCCC]
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x152
-        RenderText {#text} at (0,1) size 272x150
-          text run at (0,1) width 160: "#one {color: green;}"
-          text run at (160,1) width 0: " "
-          text run at (0,20) width 152: "#a1 {color: green;}"
-          text run at (152,20) width 0: " "
-          text run at (0,39) width 224: "P#two, P#two2 {color: blue;}"
-          text run at (224,39) width 0: " "
-          text run at (0,58) width 272: "P#three, P#three2 {color: purple;}"
-          text run at (272,58) width 0: " "
-          text run at (0,77) width 168: "#four {color: green;}"
-          text run at (168,77) width 0: " "
-          text run at (0,96) width 152: "#a2 {color: green;}"
-          text run at (152,96) width 0: " "
-          text run at (0,115) width 240: "P#five, P#five2 {color: blue;}"
-          text run at (240,115) width 0: " "
-          text run at (0,134) width 240: "P#six, P#six2 {color: purple;}"
+        RenderText {#text} at (0,0) size 213x152
+          text run at (0,0) width 126: "#one {color: green;}"
+          text run at (126,0) width 0: " "
+          text run at (0,19) width 118: "#a1 {color: green;}"
+          text run at (118,19) width 0: " "
+          text run at (0,38) width 178: "P#two, P#two2 {color: blue;}"
+          text run at (178,38) width 0: " "
+          text run at (0,57) width 213: "P#three, P#three2 {color: purple;}"
+          text run at (213,57) width 0: " "
+          text run at (0,76) width 127: "#four {color: green;}"
+          text run at (127,76) width 0: " "
+          text run at (0,95) width 118: "#a2 {color: green;}"
+          text run at (118,95) width 0: " "
+          text run at (0,114) width 178: "P#five, P#five2 {color: blue;}"
+          text run at (178,114) width 0: " "
+          text run at (0,133) width 181: "P#six, P#six2 {color: purple;}"
       RenderBlock {HR} at (0,199) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,215) size 784x19 [color=#008000]
         RenderText {#text} at (0,0) size 200x19
@@ -30,63 +30,63 @@ layer at (0,0) size 800x667
       RenderBlock {P} at (0,248) size 784x19 [color=#008000]
         RenderText {#text} at (0,0) size 200x19
           text run at (0,0) width 200: "This sentence should be green."
-      RenderBlock {P} at (0,281) size 784x20 [color=#0000FF]
+      RenderBlock {P} at (0,281) size 784x19 [color=#0000FF]
         RenderText {#text} at (0,0) size 202x19
           text run at (0,0) width 202: "This paragraph should be blue ["
-        RenderInline {TT} at (0,0) size 64x17
-          RenderText {#text} at (202,2) size 64x17
-            text run at (202,2) width 64: "ID=\"two\""
-        RenderText {#text} at (266,0) size 8x19
-          text run at (266,0) width 8: "]."
-      RenderBlock {PRE} at (0,315) size 784x19
-        RenderText {#text} at (0,1) size 392x17
-          text run at (0,1) width 392: "This sentence should NOT be blue [PRE ID=\"two2\"]."
-          text run at (392,1) width 0: " "
-      RenderBlock {PRE} at (0,348) size 784x19
-        RenderText {#text} at (0,1) size 472x17
-          text run at (0,1) width 472: "This sentence should be black, not purple [PRE ID=\"three\"]."
-          text run at (472,1) width 0: " "
-      RenderBlock {UL} at (0,381) size 784x19
+        RenderInline {TT} at (0,0) size 54x19
+          RenderText {#text} at (202,0) size 54x19
+            text run at (202,0) width 54: "ID=\"two\""
+        RenderText {#text} at (256,0) size 8x19
+          text run at (256,0) width 8: "]."
+      RenderBlock {PRE} at (0,314) size 784x19
+        RenderText {#text} at (0,0) size 330x19
+          text run at (0,0) width 330: "This sentence should NOT be blue [PRE ID=\"two2\"]."
+          text run at (330,0) width 0: " "
+      RenderBlock {PRE} at (0,347) size 784x19
+        RenderText {#text} at (0,0) size 377x19
+          text run at (0,0) width 377: "This sentence should be black, not purple [PRE ID=\"three\"]."
+          text run at (377,0) width 0: " "
+      RenderBlock {UL} at (0,380) size 784x19
         RenderListItem {LI} at (40,0) size 744x19
           RenderListMarker at (-17,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 237x19
             text run at (0,0) width 237: "This sentence should NOT be purple."
-      RenderTable {TABLE} at (0,414) size 422x237 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 420x235
-          RenderTableRow {TR} at (0,0) size 420x28
-            RenderTableCell {TD} at (0,0) size 420x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,413) size 352x236 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 350x234
+          RenderTableRow {TR} at (0,0) size 350x28
+            RenderTableCell {TD} at (0,0) size 350x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 420x207
-            RenderTableCell {TD} at (0,118) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 350x206
+            RenderTableCell {TD} at (0,117) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 408x207 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 400x19 [color=#008000]
+            RenderTableCell {TD} at (12,28) size 338x206 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 330x19 [color=#008000]
                 RenderText {#text} at (0,0) size 200x19
                   text run at (0,0) width 200: "This sentence should be green."
-              RenderBlock {P} at (4,37) size 400x19 [color=#008000]
+              RenderBlock {P} at (4,37) size 330x19 [color=#008000]
                 RenderText {#text} at (0,0) size 200x19
                   text run at (0,0) width 200: "This sentence should be green."
-              RenderBlock {P} at (4,70) size 400x20 [color=#0000FF]
+              RenderBlock {P} at (4,70) size 330x19 [color=#0000FF]
                 RenderText {#text} at (0,0) size 202x19
                   text run at (0,0) width 202: "This paragraph should be blue ["
-                RenderInline {TT} at (0,0) size 72x17
-                  RenderText {#text} at (202,2) size 72x17
-                    text run at (202,2) width 72: "ID=\"five\""
-                RenderText {#text} at (274,0) size 8x19
-                  text run at (274,0) width 8: "]."
-              RenderBlock {PRE} at (4,104) size 400x19
-                RenderText {#text} at (0,1) size 400x17
-                  text run at (0,1) width 400: "This sentence should NOT be blue [PRE ID=\"five2\"]."
-                  text run at (400,1) width 0: " "
-              RenderBlock {PRE} at (4,137) size 400x19
-                RenderText {#text} at (0,1) size 360x17
-                  text run at (0,1) width 360: "This sentence should be black [PRE ID=\"six\"]."
-                  text run at (360,1) width 0: " "
-              RenderBlock {UL} at (4,170) size 400x19
-                RenderListItem {LI} at (40,0) size 360x19
+                RenderInline {TT} at (0,0) size 54x19
+                  RenderText {#text} at (202,0) size 54x19
+                    text run at (202,0) width 54: "ID=\"five\""
+                RenderText {#text} at (256,0) size 8x19
+                  text run at (256,0) width 8: "]."
+              RenderBlock {PRE} at (4,103) size 330x19
+                RenderText {#text} at (0,0) size 330x19
+                  text run at (0,0) width 330: "This sentence should NOT be blue [PRE ID=\"five2\"]."
+                  text run at (330,0) width 0: " "
+              RenderBlock {PRE} at (4,136) size 330x19
+                RenderText {#text} at (0,0) size 289x19
+                  text run at (0,0) width 289: "This sentence should be black [PRE ID=\"six\"]."
+                  text run at (289,0) width 0: " "
+              RenderBlock {UL} at (4,169) size 330x19
+                RenderListItem {LI} at (40,0) size 290x19
                   RenderListMarker at (-17,0) size 7x19: bullet
                   RenderText {#text} at (0,0) size 237x19
                     text run at (0,0) width 237: "This sentence should NOT be purple."
index dadcf24..20e8b13 100644 (file)
@@ -1,27 +1,27 @@
-layer at (0,0) size 800x748
+layer at (0,0) size 800x746
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x748
-  RenderBlock {HTML} at (0,0) size 800x748
-    RenderBody {BODY} at (8,8) size 784x732 [color=#008000] [bgcolor=#CCCCCC]
+layer at (0,0) size 800x746
+  RenderBlock {HTML} at (0,0) size 800x746
+    RenderBody {BODY} at (8,8) size 784x730 [color=#008000] [bgcolor=#CCCCCC]
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x133
-        RenderText {#text} at (0,1) size 272x131
-          text run at (0,1) width 160: "BODY {color: green;}"
-          text run at (160,1) width 0: " "
-          text run at (0,20) width 136: "H3 {color: blue;}"
-          text run at (136,20) width 0: " "
-          text run at (0,39) width 152: "EM {color: purple;}"
-          text run at (152,39) width 0: " "
-          text run at (0,58) width 208: ".one {font-style: italic;}"
-          text run at (208,58) width 0: " "
-          text run at (0,77) width 272: ".two {text-decoration: underline;}"
-          text run at (272,77) width 0: " "
-          text run at (0,96) width 152: "#two {color: navy;}"
-          text run at (152,96) width 0: " "
-          text run at (0,115) width 184: ".three {color: purple;}"
-          text run at (184,115) width 0: " "
+        RenderText {#text} at (0,0) size 206x133
+          text run at (0,0) width 133: "BODY {color: green;}"
+          text run at (133,0) width 0: " "
+          text run at (0,19) width 102: "H3 {color: blue;}"
+          text run at (102,19) width 0: " "
+          text run at (0,38) width 118: "EM {color: purple;}"
+          text run at (118,38) width 0: " "
+          text run at (0,57) width 140: ".one {font-style: italic;}"
+          text run at (140,57) width 0: " "
+          text run at (0,76) width 206: ".two {text-decoration: underline;}"
+          text run at (206,76) width 0: " "
+          text run at (0,95) width 117: "#two {color: navy;}"
+          text run at (117,95) width 0: " "
+          text run at (0,114) width 134: ".three {color: purple;}"
+          text run at (134,114) width 0: " "
       RenderBlock {HR} at (0,180) size 784x2 [border: (1px inset #008000)]
       RenderBlock {H3} at (0,198) size 784x23 [color=#0000FF]
         RenderText {#text} at (0,0) size 213x22
@@ -58,35 +58,35 @@ layer at (0,0) size 800x748
       RenderBlock {P} at (0,351) size 784x20
         RenderText {#text} at (0,0) size 294x19
           text run at (0,0) width 294: "This sentence should be underlined, including "
-        RenderInline {TT} at (0,0) size 72x17
-          RenderText {#text} at (294,2) size 72x17
-            text run at (294,2) width 72: "this part"
-        RenderText {#text} at (366,0) size 8x19
-          text run at (366,0) width 8: ", "
+        RenderInline {TT} at (0,0) size 51x19
+          RenderText {#text} at (294,0) size 51x19
+            text run at (294,0) width 51: "this part"
+        RenderText {#text} at (345,0) size 8x19
+          text run at (345,0) width 8: ", "
         RenderInline {I} at (0,0) size 51x19
-          RenderText {#text} at (374,0) size 51x19
-            text run at (374,0) width 51: "this part"
-        RenderText {#text} at (425,0) size 8x19
-          text run at (425,0) width 8: ", "
+          RenderText {#text} at (353,0) size 51x19
+            text run at (353,0) width 51: "this part"
+        RenderText {#text} at (404,0) size 8x19
+          text run at (404,0) width 8: ", "
         RenderInline {EM} at (0,0) size 51x19 [color=#800080]
-          RenderText {#text} at (433,0) size 51x19
-            text run at (433,0) width 51: "this part"
-        RenderText {#text} at (484,0) size 36x19
-          text run at (484,0) width 36: ", and "
+          RenderText {#text} at (412,0) size 51x19
+            text run at (412,0) width 51: "this part"
+        RenderText {#text} at (463,0) size 36x19
+          text run at (463,0) width 36: ", and "
         RenderInline {STRONG} at (0,0) size 57x20
-          RenderText {#text} at (520,0) size 57x20
-            text run at (520,0) width 57: "this part"
-        RenderText {#text} at (577,0) size 4x19
-          text run at (577,0) width 4: "."
-      RenderBlock {P} at (0,385) size 784x20 [color=#000080]
+          RenderText {#text} at (499,0) size 57x20
+            text run at (499,0) width 57: "this part"
+        RenderText {#text} at (556,0) size 4x19
+          text run at (556,0) width 4: "."
+      RenderBlock {P} at (0,385) size 784x19 [color=#000080]
         RenderText {#text} at (0,0) size 441x19
           text run at (0,0) width 441: "This sentence should also be underlined, as well as dark blue (navy), "
-        RenderInline {TT} at (0,0) size 152x17
-          RenderText {#text} at (441,2) size 152x17
-            text run at (441,2) width 152: "including this part"
-        RenderText {#text} at (593,0) size 4x19
-          text run at (593,0) width 4: "."
-      RenderBlock {P} at (0,419) size 784x20 [color=#800080]
+        RenderInline {TT} at (0,0) size 111x19
+          RenderText {#text} at (441,0) size 111x19
+            text run at (441,0) width 111: "including this part"
+        RenderText {#text} at (552,0) size 4x19
+          text run at (552,0) width 4: "."
+      RenderBlock {P} at (0,418) size 784x20 [color=#800080]
         RenderText {#text} at (0,0) size 267x19
           text run at (0,0) width 267: "This sentence should be purple, including "
         RenderInline {STRONG} at (0,0) size 57x20
@@ -99,19 +99,19 @@ layer at (0,0) size 800x748
             text run at (356,0) width 174: "this part (which is spanned)"
         RenderText {#text} at (530,0) size 4x19
           text run at (530,0) width 4: "."
-      RenderTable {TABLE} at (0,453) size 619x279 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 617x277
-          RenderTableRow {TR} at (0,0) size 617x28
-            RenderTableCell {TD} at (0,0) size 617x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,452) size 582x278 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 580x276
+          RenderTableRow {TR} at (0,0) size 580x28
+            RenderTableCell {TD} at (0,0) size 580x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 617x249
-            RenderTableCell {TD} at (0,139) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 580x248
+            RenderTableCell {TD} at (0,138) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 605x249 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {H3} at (4,4) size 597x23 [color=#0000FF]
+            RenderTableCell {TD} at (12,28) size 568x248 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {H3} at (4,4) size 560x23 [color=#0000FF]
                 RenderText {#text} at (0,0) size 213x22
                   text run at (0,0) width 213: "This sentence should show "
                 RenderInline {STRONG} at (0,0) size 33x22
@@ -124,7 +124,7 @@ layer at (0,0) size 800x748
                     text run at (283,0) width 49: "purple"
                 RenderText {#text} at (332,0) size 4x22
                   text run at (332,0) width 4: "."
-              RenderBlock {H3} at (4,43) size 597x23 [color=#0000FF]
+              RenderBlock {H3} at (4,43) size 560x23 [color=#0000FF]
                 RenderText {#text} at (0,0) size 191x22
                   text run at (0,0) width 191: "This sentence should be "
                 RenderInline {SPAN} at (0,0) size 33x22
@@ -132,7 +132,7 @@ layer at (0,0) size 800x748
                     text run at (191,0) width 33: "blue"
                 RenderText {#text} at (224,0) size 94x22
                   text run at (224,0) width 94: " throughout."
-              RenderBlock {P} at (4,82) size 597x20
+              RenderBlock {P} at (4,82) size 560x20
                 RenderText {#text} at (0,0) size 229x19
                   text run at (0,0) width 229: "This should be green except for the "
                 RenderInline {EM} at (0,0) size 119x19 [color=#800080]
@@ -140,41 +140,41 @@ layer at (0,0) size 800x748
                     text run at (229,0) width 119: "emphasized words"
                 RenderText {#text} at (348,0) size 158x19
                   text run at (348,0) width 158: ", which should be purple."
-              RenderBlock {H3} at (4,118) size 597x23 [color=#0000FF]
+              RenderBlock {H3} at (4,118) size 560x23 [color=#0000FF]
                 RenderText {#text} at (0,0) size 273x22
                   text run at (0,0) width 273: "This should be blue and underlined."
-              RenderBlock {P} at (4,157) size 597x20
+              RenderBlock {P} at (4,157) size 560x20
                 RenderText {#text} at (0,0) size 294x19
                   text run at (0,0) width 294: "This sentence should be underlined, including "
-                RenderInline {TT} at (0,0) size 72x17
-                  RenderText {#text} at (294,2) size 72x17
-                    text run at (294,2) width 72: "this part"
-                RenderText {#text} at (366,0) size 8x19
-                  text run at (366,0) width 8: ", "
+                RenderInline {TT} at (0,0) size 51x19
+                  RenderText {#text} at (294,0) size 51x19
+                    text run at (294,0) width 51: "this part"
+                RenderText {#text} at (345,0) size 8x19
+                  text run at (345,0) width 8: ", "
                 RenderInline {I} at (0,0) size 51x19
-                  RenderText {#text} at (374,0) size 51x19
-                    text run at (374,0) width 51: "this part"
-                RenderText {#text} at (425,0) size 8x19
-                  text run at (425,0) width 8: ", "
+                  RenderText {#text} at (353,0) size 51x19
+                    text run at (353,0) width 51: "this part"
+                RenderText {#text} at (404,0) size 8x19
+                  text run at (404,0) width 8: ", "
                 RenderInline {EM} at (0,0) size 51x19 [color=#800080]
-                  RenderText {#text} at (433,0) size 51x19
-                    text run at (433,0) width 51: "this part"
-                RenderText {#text} at (484,0) size 36x19
-                  text run at (484,0) width 36: ", and "
+                  RenderText {#text} at (412,0) size 51x19
+                    text run at (412,0) width 51: "this part"
+                RenderText {#text} at (463,0) size 36x19
+                  text run at (463,0) width 36: ", and "
                 RenderInline {STRONG} at (0,0) size 57x20
-                  RenderText {#text} at (520,0) size 57x20
-                    text run at (520,0) width 57: "this part"
-                RenderText {#text} at (577,0) size 4x19
-                  text run at (577,0) width 4: "."
-              RenderBlock {P} at (4,191) size 597x20 [color=#000080]
+                  RenderText {#text} at (499,0) size 57x20
+                    text run at (499,0) width 57: "this part"
+                RenderText {#text} at (556,0) size 4x19
+                  text run at (556,0) width 4: "."
+              RenderBlock {P} at (4,191) size 560x19 [color=#000080]
                 RenderText {#text} at (0,0) size 441x19
                   text run at (0,0) width 441: "This sentence should also be underlined, as well as dark blue (navy), "
-                RenderInline {TT} at (0,0) size 152x17
-                  RenderText {#text} at (441,2) size 152x17
-                    text run at (441,2) width 152: "including this part"
-                RenderText {#text} at (593,0) size 4x19
-                  text run at (593,0) width 4: "."
-              RenderBlock {P} at (4,225) size 597x20 [color=#800080]
+                RenderInline {TT} at (0,0) size 111x19
+                  RenderText {#text} at (441,0) size 111x19
+                    text run at (441,0) width 111: "including this part"
+                RenderText {#text} at (552,0) size 4x19
+                  text run at (552,0) width 4: "."
+              RenderBlock {P} at (4,224) size 560x20 [color=#800080]
                 RenderText {#text} at (0,0) size 267x19
                   text run at (0,0) width 267: "This sentence should be purple, including "
                 RenderInline {STRONG} at (0,0) size 57x20
index f7a9fe9..23543d5 100644 (file)
@@ -19,18 +19,18 @@ layer at (0,0) size 800x420
               RenderBlock (anonymous) at (10,20) size 139x0
                 RenderInline {FORM} at (0,0) size 0x0
                   RenderText {#text} at (0,0) size 0x0
-              RenderBlock (anonymous) at (10,20) size 139x38
-                RenderBlock {P} at (0,0) size 139x19
+              RenderBlock (anonymous) at (10,20) size 139x40
+                RenderBlock {P} at (0,0) size 139x20
                   RenderText {#text} at (0,3) size 27x14
                     text run at (0,3) width 27: "bang "
                   RenderBlock {INPUT} at (29,3) size 12x12 [color=#000000]
                   RenderText {#text} at (0,0) size 0x0
-                RenderBlock {P} at (0,19) size 139x19
+                RenderBlock {P} at (0,20) size 139x20
                   RenderText {#text} at (0,3) size 41x14
                     text run at (0,3) width 41: "whimper "
                   RenderBlock {INPUT} at (43,3) size 12x12 [color=#000000]
                   RenderText {#text} at (0,0) size 0x0
-              RenderBlock (anonymous) at (10,58) size 139x0
+              RenderBlock (anonymous) at (10,60) size 139x0
                 RenderInline {FORM} at (0,0) size 0x0
                 RenderText {#text} at (0,0) size 0x0
             RenderBlock (floating) {LI} at (259,0) size 80x120 [color=#000000] [bgcolor=#FFCC00] [border: (5px solid #000000)]
index e808d85..8027036 100644 (file)
@@ -1,31 +1,31 @@
-layer at (0,0) size 800x1409
+layer at (0,0) size 800x1386
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1409
-  RenderBlock {HTML} at (0,0) size 800x1409
-    RenderBody {BODY} at (8,8) size 784x1393 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x1386
+  RenderBlock {HTML} at (0,0) size 800x1386
+    RenderBody {BODY} at (8,8) size 784x1370 [bgcolor=#CCCCCC]
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x171
-        RenderText {#text} at (0,1) size 272x169
-          text run at (0,1) width 272: ".one {border: medium black solid;}"
-          text run at (272,1) width 0: " "
-          text run at (0,20) width 264: ".two {border: thin maroon ridge;}"
-          text run at (264,20) width 0: " "
-          text run at (0,39) width 272: ".three {border: 10px teal outset;}"
-          text run at (272,39) width 0: " "
-          text run at (0,58) width 264: ".four {border: 10px olive inset;}"
-          text run at (264,58) width 0: " "
-          text run at (0,77) width 224: ".five {border: 10px maroon;}"
-          text run at (224,77) width 0: " "
-          text run at (0,96) width 232: ".six {border: maroon double;}"
-          text run at (232,96) width 0: " "
-          text run at (0,115) width 256: ".seven {border: left red solid;}"
-          text run at (256,115) width 0: " "
-          text run at (0,134) width 168: ".eight {border: 0px;}"
-          text run at (168,134) width 0: " "
-          text run at (0,153) width 232: "TD {border: 2px solid green;}"
-          text run at (232,153) width 0: " "
+        RenderText {#text} at (0,0) size 217x171
+          text run at (0,0) width 217: ".one {border: medium black solid;}"
+          text run at (217,0) width 0: " "
+          text run at (0,19) width 206: ".two {border: thin maroon ridge;}"
+          text run at (206,19) width 0: " "
+          text run at (0,38) width 206: ".three {border: 10px teal outset;}"
+          text run at (206,38) width 0: " "
+          text run at (0,57) width 195: ".four {border: 10px olive inset;}"
+          text run at (195,57) width 0: " "
+          text run at (0,76) width 178: ".five {border: 10px maroon;}"
+          text run at (178,76) width 0: " "
+          text run at (0,95) width 185: ".six {border: maroon double;}"
+          text run at (185,95) width 0: " "
+          text run at (0,114) width 187: ".seven {border: left red solid;}"
+          text run at (187,114) width 0: " "
+          text run at (0,133) width 126: ".eight {border: 0px;}"
+          text run at (126,133) width 0: " "
+          text run at (0,152) width 184: "TD {border: 2px solid green;}"
+          text run at (184,152) width 0: " "
       RenderBlock {HR} at (0,218) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,234) size 784x38
         RenderText {#text} at (0,0) size 781x38
@@ -44,26 +44,26 @@ layer at (0,0) size 800x1409
       RenderBlock {P} at (0,413) size 784x39 [border: (10px inset #808000)]
         RenderText {#text} at (10,10) size 519x19
           text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
-      RenderBlock {P} at (0,466) size 784x20
+      RenderBlock {P} at (0,466) size 784x19
         RenderText {#text} at (0,0) size 355x19
           text run at (0,0) width 355: "This paragraph should have no border around it, as the "
-        RenderInline {TT} at (0,0) size 96x17
-          RenderText {#text} at (355,2) size 96x17
-            text run at (355,2) width 96: "border-style"
-        RenderText {#text} at (451,0) size 323x19
-          text run at (451,0) width 323: " was not set, and it should not be offset in any way."
-      RenderBlock {P} at (0,500) size 784x26 [border: (3px double #800000)]
+        RenderInline {TT} at (0,0) size 76x19
+          RenderText {#text} at (355,0) size 76x19
+            text run at (355,0) width 76: "border-style"
+        RenderText {#text} at (431,0) size 323x19
+          text run at (431,0) width 323: " was not set, and it should not be offset in any way."
+      RenderBlock {P} at (0,499) size 784x25 [border: (3px double #800000)]
         RenderText {#text} at (3,3) size 542x19
           text run at (3,3) width 542: "This paragraph should have a medium maroon double border around it, even though "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (545,5) size 96x17
-            text run at (545,5) width 96: "border-width"
-        RenderText {#text} at (641,3) size 137x19
-          text run at (641,3) width 137: " was not explicitly set."
-      RenderBlock {P} at (0,540) size 784x19
+        RenderInline {CODE} at (0,0) size 80x19
+          RenderText {#text} at (545,3) size 80x19
+            text run at (545,3) width 80: "border-width"
+        RenderText {#text} at (625,3) size 137x19
+          text run at (625,3) width 137: " was not explicitly set."
+      RenderBlock {P} at (0,538) size 784x19
         RenderText {#text} at (0,0) size 627x19
           text run at (0,0) width 627: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
-      RenderBlock {P} at (0,573) size 784x20
+      RenderBlock {P} at (0,571) size 784x20
         RenderInline {A} at (0,0) size 25x19
           RenderText {#text} at (0,1) size 25x19
             text run at (0,1) width 25: "The"
@@ -73,7 +73,7 @@ layer at (0,0) size 800x1409
           RenderImage {IMG} at (742,0) size 15x15
         RenderText {#text} at (757,1) size 4x19
           text run at (757,1) width 4: "."
-      RenderTable {TABLE} at (0,607) size 784x117 [border: (1px outset #808080)]
+      RenderTable {TABLE} at (0,605) size 784x117 [border: (1px outset #808080)]
         RenderTableSection {TBODY} at (1,1) size 782x115
           RenderTableRow {TR} at (0,5) size 782x44
             RenderTableCell {TD} at (5,5) size 772x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
@@ -95,21 +95,21 @@ layer at (0,0) size 800x1409
                     RenderTableCell {TD} at (2,2) size 157x25 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (3,3) size 151x19
                         text run at (3,3) width 151: "Nested single-cell table!"
-      RenderBlock {P} at (0,738) size 784x19
+      RenderBlock {P} at (0,736) size 784x19
         RenderText {#text} at (0,0) size 177x19
           text run at (0,0) width 177: "This is an unstyled element."
-      RenderTable {TABLE} at (0,771) size 784x622 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x620
+      RenderTable {TABLE} at (0,769) size 784x601 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x599
           RenderTableRow {TR} at (0,0) size 782x30
             RenderTableCell {TD} at (0,0) size 782x30 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (5,5) size 159x20
                   text run at (5,5) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,30) size 782x590
-            RenderTableCell {TD} at (0,310) size 14x29 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,30) size 782x569
+            RenderTableCell {TD} at (0,300) size 14x29 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (5,5) size 4x19
                 text run at (5,5) width 4: " "
-            RenderTableCell {TD} at (14,30) size 768x590 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (14,30) size 768x569 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (5,5) size 758x38
                 RenderText {#text} at (0,0) size 751x38
                   text run at (0,0) width 629: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
@@ -127,28 +127,27 @@ layer at (0,0) size 800x1409
               RenderBlock {P} at (5,184) size 758x39 [border: (10px inset #808000)]
                 RenderText {#text} at (10,10) size 519x19
                   text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
-              RenderBlock {P} at (5,237) size 758x39
+              RenderBlock {P} at (5,237) size 758x19
                 RenderText {#text} at (0,0) size 355x19
                   text run at (0,0) width 355: "This paragraph should have no border around it, as the "
-                RenderInline {TT} at (0,0) size 96x17
-                  RenderText {#text} at (355,2) size 96x17
-                    text run at (355,2) width 96: "border-style"
-                RenderText {#text} at (451,0) size 741x39
-                  text run at (451,0) width 290: " was not set, and it should not be offset in any"
-                  text run at (0,20) width 29: "way."
-              RenderBlock {P} at (5,290) size 758x45 [border: (3px double #800000)]
+                RenderInline {TT} at (0,0) size 76x19
+                  RenderText {#text} at (355,0) size 76x19
+                    text run at (355,0) width 76: "border-style"
+                RenderText {#text} at (431,0) size 323x19
+                  text run at (431,0) width 323: " was not set, and it should not be offset in any way."
+              RenderBlock {P} at (5,270) size 758x44 [border: (3px double #800000)]
                 RenderText {#text} at (3,3) size 542x19
                   text run at (3,3) width 542: "This paragraph should have a medium maroon double border around it, even though "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (545,5) size 96x17
-                    text run at (545,5) width 96: "border-width"
-                RenderText {#text} at (641,3) size 748x39
-                  text run at (641,3) width 110: " was not explicitly"
-                  text run at (3,23) width 23: "set."
-              RenderBlock {P} at (5,349) size 758x19
+                RenderInline {CODE} at (0,0) size 80x19
+                  RenderText {#text} at (545,3) size 80x19
+                    text run at (545,3) width 80: "border-width"
+                RenderText {#text} at (625,3) size 732x38
+                  text run at (625,3) width 110: " was not explicitly"
+                  text run at (3,22) width 23: "set."
+              RenderBlock {P} at (5,328) size 758x19
                 RenderText {#text} at (0,0) size 627x19
                   text run at (0,0) width 627: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
-              RenderBlock {P} at (5,382) size 758x39
+              RenderBlock {P} at (5,361) size 758x39
                 RenderInline {A} at (0,0) size 25x19
                   RenderText {#text} at (0,1) size 25x19
                     text run at (0,1) width 25: "The"
@@ -158,7 +157,7 @@ layer at (0,0) size 800x1409
                   RenderImage {IMG} at (742,0) size 15x15
                 RenderText {#text} at (0,20) size 4x19
                   text run at (0,20) width 4: "."
-              RenderTable {TABLE} at (5,435) size 758x117 [border: (1px outset #808080)]
+              RenderTable {TABLE} at (5,414) size 758x117 [border: (1px outset #808080)]
                 RenderTableSection {TBODY} at (1,1) size 756x115
                   RenderTableRow {TR} at (0,5) size 756x44
                     RenderTableCell {TD} at (5,5) size 746x44 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
@@ -180,6 +179,6 @@ layer at (0,0) size 800x1409
                             RenderTableCell {TD} at (2,2) size 157x25 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
                               RenderText {#text} at (3,3) size 151x19
                                 text run at (3,3) width 151: "Nested single-cell table!"
-              RenderBlock {P} at (5,566) size 758x19
+              RenderBlock {P} at (5,545) size 758x19
                 RenderText {#text} at (0,0) size 177x19
                   text run at (0,0) width 177: "This is an unstyled element."
index 20c7c1e..2395956 100644 (file)
@@ -7,15 +7,15 @@ layer at (0,0) size 800x1023
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x76
-        RenderText {#text} at (0,1) size 344x74
-          text run at (0,1) width 328: ".one {border-bottom: purple double 10px;}"
-          text run at (328,1) width 0: " "
-          text run at (0,20) width 320: ".two {border-bottom: purple thin solid;}"
-          text run at (320,20) width 0: " "
-          text run at (0,39) width 344: ".three {border-bottom: black medium solid;}"
-          text run at (344,39) width 0: " "
-          text run at (0,58) width 288: "TD {border-bottom: green 2px solid;}"
-          text run at (288,58) width 0: " "
+        RenderText {#text} at (0,0) size 275x76
+          text run at (0,0) width 267: ".one {border-bottom: purple double 10px;}"
+          text run at (267,0) width 0: " "
+          text run at (0,19) width 243: ".two {border-bottom: purple thin solid;}"
+          text run at (243,19) width 0: " "
+          text run at (0,38) width 275: ".three {border-bottom: black medium solid;}"
+          text run at (275,38) width 0: " "
+          text run at (0,57) width 233: "TD {border-bottom: green 2px solid;}"
+          text run at (233,57) width 0: " "
       RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,139) size 784x38
         RenderText {#text} at (0,0) size 784x38
index f8e5f58..af6a0d1 100644 (file)
@@ -7,12 +7,12 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 328x55
-          text run at (0,1) width 328: ".one {border-bottom: purple double 10px;}"
-          text run at (328,1) width 0: " "
-          text run at (0,20) width 320: ".two {border-bottom: purple thin solid;}"
-          text run at (320,20) width 0: " "
-          text run at (0,39) width 0: " "
+        RenderText {#text} at (0,0) size 267x57
+          text run at (0,0) width 267: ".one {border-bottom: purple double 10px;}"
+          text run at (267,0) width 0: " "
+          text run at (0,19) width 243: ".two {border-bottom: purple thin solid;}"
+          text run at (243,19) width 0: " "
+          text run at (0,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,120) size 784x57 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 670x19
index a0f3bd7..b534873 100644 (file)
-layer at (0,0) size 800x891
+layer at (0,0) size 800x887
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x891
-  RenderBlock {HTML} at (0,0) size 800x891
-    RenderBody {BODY} at (8,8) size 784x875 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x887
+  RenderBlock {HTML} at (0,0) size 800x887
+    RenderBody {BODY} at (8,8) size 784x871 [bgcolor=#CCCCCC]
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x114
-        RenderText {#text} at (0,1) size 464x112
-          text run at (0,1) width 456: ".zero {background-color: silver; border-bottom-width: 0;}"
-          text run at (456,1) width 0: " "
-          text run at (0,20) width 432: ".one {border-bottom-width: 50px; border-style: solid;}"
-          text run at (432,20) width 0: " "
-          text run at (0,39) width 440: ".two {border-bottom-width: thick; border-style: solid;}"
-          text run at (440,39) width 0: " "
-          text run at (0,58) width 464: ".three {border-bottom-width: medium; border-style: solid;}"
-          text run at (464,58) width 0: " "
-          text run at (0,77) width 440: ".four {border-bottom-width: thin; border-style: solid;}"
-          text run at (440,77) width 0: " "
-          text run at (0,96) width 272: ".five {border-bottom-width: 25px;}"
-          text run at (272,96) width 0: " "
+        RenderText {#text} at (0,0) size 364x114
+          text run at (0,0) width 355: ".zero {background-color: silver; border-bottom-width: 0;}"
+          text run at (355,0) width 0: " "
+          text run at (0,19) width 335: ".one {border-bottom-width: 50px; border-style: solid;}"
+          text run at (335,19) width 0: " "
+          text run at (0,38) width 331: ".two {border-bottom-width: thick; border-style: solid;}"
+          text run at (331,38) width 0: " "
+          text run at (0,57) width 364: ".three {border-bottom-width: medium; border-style: solid;}"
+          text run at (364,57) width 0: " "
+          text run at (0,76) width 328: ".four {border-bottom-width: thin; border-style: solid;}"
+          text run at (328,76) width 0: " "
+          text run at (0,95) width 212: ".five {border-bottom-width: 25px;}"
+          text run at (212,95) width 0: " "
       RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,177) size 784x20
+      RenderBlock {P} at (0,177) size 784x19
         RenderText {#text} at (0,0) size 147x19
           text run at (0,0) width 147: "(These will only work if "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (147,2) size 96x17
-            text run at (147,2) width 96: "border-style"
-        RenderText {#text} at (243,0) size 91x19
-          text run at (243,0) width 91: " is supported.)"
-      RenderBlock {P} at (0,211) size 784x19 [bgcolor=#C0C0C0]
+        RenderInline {CODE} at (0,0) size 76x19
+          RenderText {#text} at (147,0) size 76x19
+            text run at (147,0) width 76: "border-style"
+        RenderText {#text} at (223,0) size 91x19
+          text run at (223,0) width 91: " is supported.)"
+      RenderBlock {P} at (0,210) size 784x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 209x19
           text run at (0,0) width 209: "This element has a class of zero."
-      RenderBlock {P} at (0,244) size 784x72 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,243) size 784x72 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 386x19
           text run at (3,3) width 386: "This element should have a bottom border width of 50 pixels."
-      RenderBlock {P} at (0,330) size 784x27 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,329) size 784x27 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 343x19
           text run at (3,3) width 343: "This element should have a thick bottom border width."
-      RenderBlock {P} at (0,371) size 784x25 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,370) size 784x25 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 365x19
           text run at (3,3) width 365: "This element should have a medium bottom border width."
-      RenderBlock {P} at (0,410) size 784x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,409) size 784x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 337x19
           text run at (3,3) width 337: "This element should have a thin bottom border width."
-      RenderBlock {P} at (0,447) size 784x20
+      RenderBlock {P} at (0,446) size 784x19
         RenderText {#text} at (0,0) size 541x19
           text run at (0,0) width 541: "This element should have no border and no extra \"padding\" on its bottom side, as no "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (541,2) size 96x17
-            text run at (541,2) width 96: "border-style"
-        RenderText {#text} at (637,0) size 56x19
-          text run at (637,0) width 56: " was set."
-      RenderBlock {P} at (0,481) size 784x19 [bgcolor=#C0C0C0]
+        RenderInline {CODE} at (0,0) size 76x19
+          RenderText {#text} at (541,0) size 76x19
+            text run at (541,0) width 76: "border-style"
+        RenderText {#text} at (617,0) size 56x19
+          text run at (617,0) width 56: " was set."
+      RenderBlock {P} at (0,479) size 784x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 209x19
           text run at (0,0) width 209: "This element has a class of zero."
-      RenderTable {TABLE} at (0,514) size 715x361 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 713x359
-          RenderTableRow {TR} at (0,0) size 713x28
-            RenderTableCell {TD} at (0,0) size 713x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+      RenderTable {TABLE} at (0,512) size 695x359 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 693x357
+          RenderTableRow {TR} at (0,0) size 693x28
+            RenderTableCell {TD} at (0,0) size 693x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 713x331
-            RenderTableCell {TD} at (0,180) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 693x329
+            RenderTableCell {TD} at (0,179) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 701x331 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 693x20
+            RenderTableCell {TD} at (12,28) size 681x329 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 673x19
                 RenderText {#text} at (0,0) size 147x19
                   text run at (0,0) width 147: "(These will only work if "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (147,2) size 96x17
-                    text run at (147,2) width 96: "border-style"
-                RenderText {#text} at (243,0) size 91x19
-                  text run at (243,0) width 91: " is supported.)"
-              RenderBlock {P} at (4,38) size 693x19 [bgcolor=#C0C0C0]
+                RenderInline {CODE} at (0,0) size 76x19
+                  RenderText {#text} at (147,0) size 76x19
+                    text run at (147,0) width 76: "border-style"
+                RenderText {#text} at (223,0) size 91x19
+                  text run at (223,0) width 91: " is supported.)"
+              RenderBlock {P} at (4,37) size 673x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 209x19
                   text run at (0,0) width 209: "This element has a class of zero."
-              RenderBlock {P} at (4,71) size 693x72 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,70) size 673x72 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 386x19
                   text run at (3,3) width 386: "This element should have a bottom border width of 50 pixels."
-              RenderBlock {P} at (4,157) size 693x27 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,156) size 673x27 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 343x19
                   text run at (3,3) width 343: "This element should have a thick bottom border width."
-              RenderBlock {P} at (4,198) size 693x25 [border: (3px solid #000000)]
+              RenderBlock {P} at (4,197) size 673x25 [border: (3px solid #000000)]
                 RenderText {#text} at (3,3) size 365x19
                   text run at (3,3) width 365: "This element should have a medium bottom border width."
-              RenderBlock {P} at (4,237) size 693x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,236) size 673x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 337x19
                   text run at (3,3) width 337: "This element should have a thin bottom border width."
-              RenderBlock {P} at (4,274) size 693x20
+              RenderBlock {P} at (4,273) size 673x19
                 RenderText {#text} at (0,0) size 541x19
                   text run at (0,0) width 541: "This element should have no border and no extra \"padding\" on its bottom side, as no "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (541,2) size 96x17
-                    text run at (541,2) width 96: "border-style"
-                RenderText {#text} at (637,0) size 56x19
-                  text run at (637,0) width 56: " was set."
-              RenderBlock {P} at (4,308) size 693x19 [bgcolor=#C0C0C0]
+                RenderInline {CODE} at (0,0) size 76x19
+                  RenderText {#text} at (541,0) size 76x19
+                    text run at (541,0) width 76: "border-style"
+                RenderText {#text} at (617,0) size 56x19
+                  text run at (617,0) width 56: " was set."
+              RenderBlock {P} at (4,306) size 673x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 209x19
                   text run at (0,0) width 209: "This element has a class of zero."
index bd05be8..5724cf1 100644 (file)
@@ -7,80 +7,80 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 432x55
-          text run at (0,1) width 432: ".one {border-bottom-width: 25px; border-style: solid;}"
-          text run at (432,1) width 0: " "
-          text run at (0,20) width 432: ".two {border-bottom-width: thin; border-style: solid;}"
-          text run at (432,20) width 0: " "
-          text run at (0,39) width 280: ".three {border-bottom-width: 25px;}"
-          text run at (280,39) width 0: " "
+        RenderText {#text} at (0,0) size 335x57
+          text run at (0,0) width 335: ".one {border-bottom-width: 25px; border-style: solid;}"
+          text run at (335,0) width 0: " "
+          text run at (0,19) width 325: ".two {border-bottom-width: thin; border-style: solid;}"
+          text run at (325,19) width 0: " "
+          text run at (0,38) width 223: ".three {border-bottom-width: 25px;}"
+          text run at (223,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,120) size 784x106 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,120) size 784x104 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 177x19
           text run at (3,3) width 177: "This element has a class of "
-        RenderInline {TT} at (0,0) size 24x17
-          RenderText {#text} at (180,5) size 24x17
-            text run at (180,5) width 24: "one"
+        RenderInline {TT} at (0,0) size 24x19
+          RenderText {#text} at (180,3) size 24x19
+            text run at (180,3) width 24: "one"
         RenderText {#text} at (204,3) size 160x19
           text run at (204,3) width 8: ". "
           text run at (212,3) width 152: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 174x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+        RenderInline {SPAN} at (0,0) size 172x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
           RenderText {#text} at (367,3) size 144x19
             text run at (367,3) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 24x17
-            RenderText {#text} at (511,5) size 24x17
-              text run at (511,5) width 24: "two"
-        RenderText {#text} at (538,3) size 776x58
-          text run at (538,3) width 216: ", which should result in a thin solid"
-          text run at (3,23) width 724: "border on the bottom side of each box in the inline element (and the UA's default border on the other three sides). "
-          text run at (727,23) width 52: "There is"
-          text run at (3,42) width 50: "also an "
-        RenderInline {SPAN} at (0,0) size 184x19
-          RenderText {#text} at (53,42) size 144x19
-            text run at (53,42) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 40x17
-            RenderText {#text} at (197,44) size 40x17
-              text run at (197,44) width 40: "three"
-        RenderText {#text} at (237,42) size 773x39
-          text run at (237,42) width 539: ", which should have no bottom border width or visible border because no border style"
-          text run at (3,62) width 52: "was set."
-      RenderTable {TABLE} at (0,240) size 784x144 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x142
+          RenderInline {TT} at (0,0) size 22x19
+            RenderText {#text} at (511,3) size 22x19
+              text run at (511,3) width 22: "two"
+        RenderText {#text} at (536,3) size 776x57
+          text run at (536,3) width 216: ", which should result in a thin solid"
+          text run at (3,22) width 724: "border on the bottom side of each box in the inline element (and the UA's default border on the other three sides). "
+          text run at (727,22) width 52: "There is"
+          text run at (3,41) width 50: "also an "
+        RenderInline {SPAN} at (0,0) size 177x19
+          RenderText {#text} at (53,41) size 144x19
+            text run at (53,41) width 144: "inline element of class "
+          RenderInline {TT} at (0,0) size 33x19
+            RenderText {#text} at (197,41) size 33x19
+              text run at (197,41) width 33: "three"
+        RenderText {#text} at (230,41) size 766x38
+          text run at (230,41) width 539: ", which should have no bottom border width or visible border because no border style"
+          text run at (3,60) width 52: "was set."
+      RenderTable {TABLE} at (0,238) size 784x142 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x140
           RenderTableRow {TR} at (0,0) size 782x28
             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x114
-            RenderTableCell {TD} at (0,71) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 782x112
+            RenderTableCell {TD} at (0,70) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x114 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x106 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+            RenderTableCell {TD} at (12,28) size 770x112 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x104 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 177x19
                   text run at (3,3) width 177: "This element has a class of "
-                RenderInline {TT} at (0,0) size 24x17
-                  RenderText {#text} at (180,5) size 24x17
-                    text run at (180,5) width 24: "one"
+                RenderInline {TT} at (0,0) size 24x19
+                  RenderText {#text} at (180,3) size 24x19
+                    text run at (180,3) width 24: "one"
                 RenderText {#text} at (204,3) size 160x19
                   text run at (204,3) width 8: ". "
                   text run at (212,3) width 152: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 174x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+                RenderInline {SPAN} at (0,0) size 172x23 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
                   RenderText {#text} at (367,3) size 144x19
                     text run at (367,3) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 24x17
-                    RenderText {#text} at (511,5) size 24x17
-                      text run at (511,5) width 24: "two"
-                RenderText {#text} at (538,3) size 751x58
-                  text run at (538,3) width 216: ", which should result in a thin solid"
-                  text run at (3,23) width 720: "border on the bottom side of each box in the inline element (and the UA's default border on the other three sides)."
-                  text run at (3,42) width 106: "There is also an "
-                RenderInline {SPAN} at (0,0) size 184x19
-                  RenderText {#text} at (109,42) size 144x19
-                    text run at (109,42) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 40x17
-                    RenderText {#text} at (253,44) size 40x17
-                      text run at (253,44) width 40: "three"
-                RenderText {#text} at (293,42) size 750x39
-                  text run at (293,42) width 460: ", which should have no bottom border width or visible border because no"
-                  text run at (3,62) width 131: "border style was set."
+                  RenderInline {TT} at (0,0) size 22x19
+                    RenderText {#text} at (511,3) size 22x19
+                      text run at (511,3) width 22: "two"
+                RenderText {#text} at (536,3) size 749x57
+                  text run at (536,3) width 216: ", which should result in a thin solid"
+                  text run at (3,22) width 720: "border on the bottom side of each box in the inline element (and the UA's default border on the other three sides)."
+                  text run at (3,41) width 106: "There is also an "
+                RenderInline {SPAN} at (0,0) size 177x19
+                  RenderText {#text} at (109,41) size 144x19
+                    text run at (109,41) width 144: "inline element of class "
+                  RenderInline {TT} at (0,0) size 33x19
+                    RenderText {#text} at (253,41) size 33x19
+                      text run at (253,41) width 33: "three"
+                RenderText {#text} at (286,41) size 743x38
+                  text run at (286,41) width 460: ", which should have no bottom border width or visible border because no"
+                  text run at (3,60) width 131: "border style was set."
index 56d33ab..255660d 100644 (file)
@@ -7,13 +7,13 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 728x55
-          text run at (0,1) width 392: ".one {border-color: purple; border-style: solid;}"
-          text run at (392,1) width 0: " "
-          text run at (0,20) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
-          text run at (568,20) width 0: " "
-          text run at (0,39) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
-          text run at (728,39) width 0: " "
+        RenderText {#text} at (0,0) size 564x57
+          text run at (0,0) width 293: ".one {border-color: purple; border-style: solid;}"
+          text run at (293,0) width 0: " "
+          text run at (0,19) width 438: ".two {border-color: purple; border-width: medium; border-style: solid;}"
+          text run at (438,19) width 0: " "
+          text run at (0,38) width 564: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
+          text run at (564,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,120) size 784x25 [border: (3px solid #800080)]
         RenderText {#text} at (3,3) size 360x19
index eec3eff..873b087 100644 (file)
@@ -7,13 +7,13 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 728x55
-          text run at (0,1) width 392: ".one {border-color: purple; border-style: solid;}"
-          text run at (392,1) width 0: " "
-          text run at (0,20) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
-          text run at (568,20) width 0: " "
-          text run at (0,39) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
-          text run at (728,39) width 0: " "
+        RenderText {#text} at (0,0) size 564x57
+          text run at (0,0) width 293: ".one {border-color: purple; border-style: solid;}"
+          text run at (293,0) width 0: " "
+          text run at (0,19) width 438: ".two {border-color: purple; border-width: medium; border-style: solid;}"
+          text run at (438,19) width 0: " "
+          text run at (0,38) width 564: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
+          text run at (564,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,120) size 784x76 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 682x19
index 6981c2c..dc0e644 100644 (file)
@@ -7,12 +7,12 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 256x55
-          text run at (0,1) width 256: ".one {border: 10px teal outset;}"
-          text run at (256,1) width 0: " "
-          text run at (0,20) width 256: ".two {border: 10px olive inset;}"
-          text run at (256,20) width 0: " "
-          text run at (0,39) width 0: " "
+        RenderText {#text} at (0,0) size 197x57
+          text run at (0,0) width 197: ".one {border: 10px teal outset;}"
+          text run at (197,0) width 0: " "
+          text run at (0,19) width 192: ".two {border: 10px olive inset;}"
+          text run at (192,19) width 0: " "
+          text run at (0,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,120) size 784x57 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 682x19
index 8c6f4ba..3f5dad8 100644 (file)
@@ -7,21 +7,21 @@ layer at (0,0) size 800x1068
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x133
-        RenderText {#text} at (0,1) size 344x131
-          text run at (0,1) width 176: "P {margin-left: 20px;}"
-          text run at (176,1) width 0: " "
-          text run at (0,20) width 312: ".one {border-left: purple double 10px;}"
-          text run at (312,20) width 0: " "
-          text run at (0,39) width 304: ".two {border-left: purple thin solid;}"
-          text run at (304,39) width 0: " "
-          text run at (0,58) width 336: ".threea {border-left: black medium solid;}"
-          text run at (336,58) width 0: " "
-          text run at (0,77) width 344: ".threeb {border-left: purple medium solid;}"
-          text run at (344,77) width 0: " "
-          text run at (0,96) width 328: ".threec {border-left: blue medium solid;}"
-          text run at (328,96) width 0: " "
-          text run at (0,115) width 272: "TD {border-left: green 2px solid;}"
-          text run at (272,115) width 0: " "
+        RenderText {#text} at (0,0) size 265x133
+          text run at (0,0) width 134: "P {margin-left: 20px;}"
+          text run at (134,0) width 0: " "
+          text run at (0,19) width 242: ".one {border-left: purple double 10px;}"
+          text run at (242,19) width 0: " "
+          text run at (0,38) width 218: ".two {border-left: purple thin solid;}"
+          text run at (218,38) width 0: " "
+          text run at (0,57) width 258: ".threea {border-left: black medium solid;}"
+          text run at (258,57) width 0: " "
+          text run at (0,76) width 265: ".threeb {border-left: purple medium solid;}"
+          text run at (265,76) width 0: " "
+          text run at (0,95) width 251: ".threec {border-left: blue medium solid;}"
+          text run at (251,95) width 0: " "
+          text run at (0,114) width 208: "TD {border-left: green 2px solid;}"
+          text run at (208,114) width 0: " "
       RenderBlock {HR} at (0,180) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (20,196) size 764x38
         RenderText {#text} at (0,0) size 759x38
index e64c25e..deea9e0 100644 (file)
@@ -7,14 +7,14 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x76
-        RenderText {#text} at (0,1) size 312x74
-          text run at (0,1) width 176: "P {margin-left: 20px;}"
-          text run at (176,1) width 0: " "
-          text run at (0,20) width 312: ".one {border-left: purple double 10px;}"
-          text run at (312,20) width 0: " "
-          text run at (0,39) width 304: ".two {border-left: purple thin solid;}"
-          text run at (304,39) width 0: " "
-          text run at (0,58) width 0: " "
+        RenderText {#text} at (0,0) size 242x76
+          text run at (0,0) width 134: "P {margin-left: 20px;}"
+          text run at (134,0) width 0: " "
+          text run at (0,19) width 242: ".one {border-left: purple double 10px;}"
+          text run at (242,19) width 0: " "
+          text run at (0,38) width 218: ".two {border-left: purple thin solid;}"
+          text run at (218,38) width 0: " "
+          text run at (0,57) width 0: " "
       RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (20,139) size 764x57 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 763x19
index 99cacef..21476d5 100644 (file)
-layer at (0,0) size 800x788
+layer at (0,0) size 800x784
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x788
-  RenderBlock {HTML} at (0,0) size 800x788
-    RenderBody {BODY} at (8,8) size 784x772 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x784
+  RenderBlock {HTML} at (0,0) size 800x784
+    RenderBody {BODY} at (8,8) size 784x768 [bgcolor=#CCCCCC]
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x114
-        RenderText {#text} at (0,1) size 448x112
-          text run at (0,1) width 440: ".zero {background-color: silver; border-left-width: 0;}"
-          text run at (440,1) width 0: " "
-          text run at (0,20) width 416: ".one {border-left-width: 50px; border-style: solid;}"
-          text run at (416,20) width 0: " "
-          text run at (0,39) width 424: ".two {border-left-width: thick; border-style: solid;}"
-          text run at (424,39) width 0: " "
-          text run at (0,58) width 448: ".three {border-left-width: medium; border-style: solid;}"
-          text run at (448,58) width 0: " "
-          text run at (0,77) width 424: ".four {border-left-width: thin; border-style: solid;}"
-          text run at (424,77) width 0: " "
-          text run at (0,96) width 256: ".five {border-left-width: 25px;}"
-          text run at (256,96) width 0: " "
+        RenderText {#text} at (0,0) size 339x114
+          text run at (0,0) width 330: ".zero {background-color: silver; border-left-width: 0;}"
+          text run at (330,0) width 0: " "
+          text run at (0,19) width 310: ".one {border-left-width: 50px; border-style: solid;}"
+          text run at (310,19) width 0: " "
+          text run at (0,38) width 306: ".two {border-left-width: thick; border-style: solid;}"
+          text run at (306,38) width 0: " "
+          text run at (0,57) width 339: ".three {border-left-width: medium; border-style: solid;}"
+          text run at (339,57) width 0: " "
+          text run at (0,76) width 303: ".four {border-left-width: thin; border-style: solid;}"
+          text run at (303,76) width 0: " "
+          text run at (0,95) width 187: ".five {border-left-width: 25px;}"
+          text run at (187,95) width 0: " "
       RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,177) size 784x20
+      RenderBlock {P} at (0,177) size 784x19
         RenderText {#text} at (0,0) size 147x19
           text run at (0,0) width 147: "(These will only work if "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (147,2) size 96x17
-            text run at (147,2) width 96: "border-style"
-        RenderText {#text} at (243,0) size 91x19
-          text run at (243,0) width 91: " is supported.)"
-      RenderBlock {P} at (0,211) size 784x19 [bgcolor=#C0C0C0]
+        RenderInline {CODE} at (0,0) size 76x19
+          RenderText {#text} at (147,0) size 76x19
+            text run at (147,0) width 76: "border-style"
+        RenderText {#text} at (223,0) size 91x19
+          text run at (223,0) width 91: " is supported.)"
+      RenderBlock {P} at (0,210) size 784x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 209x19
           text run at (0,0) width 209: "This element has a class of zero."
-      RenderBlock {P} at (0,244) size 784x44 [border: (3px solid #000000) (50px solid #000000)]
+      RenderBlock {P} at (0,243) size 784x44 [border: (3px solid #000000) (50px solid #000000)]
         RenderText {#text} at (50,3) size 707x38
           text run at (50,3) width 707: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more than"
           text run at (50,22) width 85: "one line long."
-      RenderBlock {P} at (0,302) size 784x25 [border: (3px solid #000000) (5px solid #000000)]
+      RenderBlock {P} at (0,301) size 784x25 [border: (3px solid #000000) (5px solid #000000)]
         RenderText {#text} at (5,3) size 753x19
           text run at (5,3) width 753: "This element should have a thick left border width, which will be more obvious if the element is more than one line long."
-      RenderBlock {P} at (0,341) size 784x25 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,340) size 784x25 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 775x19
           text run at (3,3) width 775: "This element should have a medium left border width, which will be more obvious if the element is more than one line long."
-      RenderBlock {P} at (0,380) size 784x25 [border: (3px solid #000000) (1px solid #000000)]
+      RenderBlock {P} at (0,379) size 784x25 [border: (3px solid #000000) (1px solid #000000)]
         RenderText {#text} at (1,3) size 747x19
           text run at (1,3) width 747: "This element should have a thin left border width, which will be more obvious if the element is more than one line long."
-      RenderBlock {P} at (0,419) size 784x20
+      RenderBlock {P} at (0,418) size 784x19
         RenderText {#text} at (0,0) size 516x19
           text run at (0,0) width 516: "This element should have no border and no extra \"padding\" on its left side, as no "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (516,2) size 96x17
-            text run at (516,2) width 96: "border-style"
-        RenderText {#text} at (612,0) size 56x19
-          text run at (612,0) width 56: " was set."
-      RenderTable {TABLE} at (0,453) size 784x319 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x317
+        RenderInline {CODE} at (0,0) size 76x19
+          RenderText {#text} at (516,0) size 76x19
+            text run at (516,0) width 76: "border-style"
+        RenderText {#text} at (592,0) size 56x19
+          text run at (592,0) width 56: " was set."
+      RenderTable {TABLE} at (0,451) size 784x317 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x315
           RenderTableRow {TR} at (0,0) size 782x28
             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x289
-            RenderTableCell {TD} at (0,159) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 782x287
+            RenderTableCell {TD} at (0,158) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x289 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x20
+            RenderTableCell {TD} at (12,28) size 770x287 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x19
                 RenderText {#text} at (0,0) size 147x19
                   text run at (0,0) width 147: "(These will only work if "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (147,2) size 96x17
-                    text run at (147,2) width 96: "border-style"
-                RenderText {#text} at (243,0) size 91x19
-                  text run at (243,0) width 91: " is supported.)"
-              RenderBlock {P} at (4,38) size 762x19 [bgcolor=#C0C0C0]
+                RenderInline {CODE} at (0,0) size 76x19
+                  RenderText {#text} at (147,0) size 76x19
+                    text run at (147,0) width 76: "border-style"
+                RenderText {#text} at (223,0) size 91x19
+                  text run at (223,0) width 91: " is supported.)"
+              RenderBlock {P} at (4,37) size 762x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 209x19
                   text run at (0,0) width 209: "This element has a class of zero."
-              RenderBlock {P} at (4,71) size 762x44 [border: (3px solid #000000) (50px solid #000000)]
+              RenderBlock {P} at (4,70) size 762x44 [border: (3px solid #000000) (50px solid #000000)]
                 RenderText {#text} at (50,3) size 707x38
                   text run at (50,3) width 707: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more than"
                   text run at (50,22) width 85: "one line long."
-              RenderBlock {P} at (4,129) size 762x25 [border: (3px solid #000000) (5px solid #000000)]
+              RenderBlock {P} at (4,128) size 762x25 [border: (3px solid #000000) (5px solid #000000)]
                 RenderText {#text} at (5,3) size 753x19
                   text run at (5,3) width 753: "This element should have a thick left border width, which will be more obvious if the element is more than one line long."
-              RenderBlock {P} at (4,168) size 762x44 [border: (3px solid #000000)]
+              RenderBlock {P} at (4,167) size 762x44 [border: (3px solid #000000)]
                 RenderText {#text} at (3,3) size 740x38
                   text run at (3,3) width 740: "This element should have a medium left border width, which will be more obvious if the element is more than one line"
                   text run at (3,22) width 31: "long."
-              RenderBlock {P} at (4,226) size 762x25 [border: (3px solid #000000) (1px solid #000000)]
+              RenderBlock {P} at (4,225) size 762x25 [border: (3px solid #000000) (1px solid #000000)]
                 RenderText {#text} at (1,3) size 747x19
                   text run at (1,3) width 747: "This element should have a thin left border width, which will be more obvious if the element is more than one line long."
-              RenderBlock {P} at (4,265) size 762x20
+              RenderBlock {P} at (4,264) size 762x19
                 RenderText {#text} at (0,0) size 516x19
                   text run at (0,0) width 516: "This element should have no border and no extra \"padding\" on its left side, as no "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (516,2) size 96x17
-                    text run at (516,2) width 96: "border-style"
-                RenderText {#text} at (612,0) size 56x19
-                  text run at (612,0) width 56: " was set."
+                RenderInline {CODE} at (0,0) size 76x19
+                  RenderText {#text} at (516,0) size 76x19
+                    text run at (516,0) width 76: "border-style"
+                RenderText {#text} at (592,0) size 56x19
+                  text run at (592,0) width 56: " was set."
index bcf89fe..43523e6 100644 (file)
@@ -7,90 +7,90 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 416x55
-          text run at (0,1) width 416: ".one {border-left-width: 25px; border-style: solid;}"
-          text run at (416,1) width 0: " "
-          text run at (0,20) width 416: ".two {border-left-width: thin; border-style: solid;}"
-          text run at (416,20) width 0: " "
-          text run at (0,39) width 264: ".three {border-left-width: 25px;}"
-          text run at (264,39) width 0: " "
+        RenderText {#text} at (0,0) size 310x57
+          text run at (0,0) width 310: ".one {border-left-width: 25px; border-style: solid;}"
+          text run at (310,0) width 0: " "
+          text run at (0,19) width 300: ".two {border-left-width: thin; border-style: solid;}"
+          text run at (300,19) width 0: " "
+          text run at (0,38) width 198: ".three {border-left-width: 25px;}"
+          text run at (198,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,120) size 784x85 [border: (3px solid #000000) (25px solid #000000)]
+      RenderBlock {P} at (0,120) size 784x83 [border: (3px solid #000000) (25px solid #000000)]
         RenderText {#text} at (25,3) size 177x19
           text run at (25,3) width 177: "This element has a class of "
-        RenderInline {TT} at (0,0) size 24x17
-          RenderText {#text} at (202,5) size 24x17
-            text run at (202,5) width 24: "one"
+        RenderInline {TT} at (0,0) size 24x19
+          RenderText {#text} at (202,3) size 24x19
+            text run at (202,3) width 24: "one"
         RenderText {#text} at (226,3) size 160x19
           text run at (226,3) width 8: ". "
           text run at (234,3) width 152: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 172x25 [border: (3px solid #000000) (1px solid #000000)]
+        RenderInline {SPAN} at (0,0) size 170x25 [border: (3px solid #000000) (1px solid #000000)]
           RenderText {#text} at (387,3) size 144x19
             text run at (387,3) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 24x17
-            RenderText {#text} at (531,5) size 24x17
-              text run at (531,5) width 24: "two"
-        RenderText {#text} at (558,3) size 749x39
-          text run at (558,3) width 216: ", which should result in a thin solid"
-          text run at (25,23) width 183: "border on the left side of the "
+          RenderInline {TT} at (0,0) size 22x19
+            RenderText {#text} at (531,3) size 22x19
+              text run at (531,3) width 22: "two"
+        RenderText {#text} at (556,3) size 747x38
+          text run at (556,3) width 216: ", which should result in a thin solid"
+          text run at (25,22) width 183: "border on the left side of the "
         RenderInline {STRONG} at (0,0) size 27x20
-          RenderText {#text} at (208,23) size 27x20
-            text run at (208,23) width 27: "first"
-        RenderText {#text} at (235,23) size 715x39
-          text run at (235,23) width 505: " box in the inline element (and the UA's default border on the other three sides)."
-          text run at (25,43) width 106: "There is also an "
-        RenderInline {SPAN} at (0,0) size 184x19
-          RenderText {#text} at (131,43) size 144x19
-            text run at (131,43) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 40x17
-            RenderText {#text} at (275,45) size 40x17
-              text run at (275,45) width 40: "three"
-        RenderText {#text} at (315,43) size 725x39
-          text run at (315,43) width 435: ", which should have no left border width or visible border because no"
-          text run at (25,63) width 131: "border style was set."
-      RenderTable {TABLE} at (0,219) size 784x123 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x121
+          RenderText {#text} at (208,22) size 27x20
+            text run at (208,22) width 27: "first"
+        RenderText {#text} at (235,22) size 715x39
+          text run at (235,22) width 505: " box in the inline element (and the UA's default border on the other three sides)."
+          text run at (25,42) width 106: "There is also an "
+        RenderInline {SPAN} at (0,0) size 177x19
+          RenderText {#text} at (131,42) size 144x19
+            text run at (131,42) width 144: "inline element of class "
+          RenderInline {TT} at (0,0) size 33x19
+            RenderText {#text} at (275,42) size 33x19
+              text run at (275,42) width 33: "three"
+        RenderText {#text} at (308,42) size 718x38
+          text run at (308,42) width 435: ", which should have no left border width or visible border because no"
+          text run at (25,61) width 131: "border style was set."
+      RenderTable {TABLE} at (0,217) size 784x121 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x119
           RenderTableRow {TR} at (0,0) size 782x28
             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x93
-            RenderTableCell {TD} at (0,61) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 782x91
+            RenderTableCell {TD} at (0,60) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x93 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x85 [border: (3px solid #000000) (25px solid #000000)]
+            RenderTableCell {TD} at (12,28) size 770x91 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x83 [border: (3px solid #000000) (25px solid #000000)]
                 RenderText {#text} at (25,3) size 177x19
                   text run at (25,3) width 177: "This element has a class of "
-                RenderInline {TT} at (0,0) size 24x17
-                  RenderText {#text} at (202,5) size 24x17
-                    text run at (202,5) width 24: "one"
+                RenderInline {TT} at (0,0) size 24x19
+                  RenderText {#text} at (202,3) size 24x19
+                    text run at (202,3) width 24: "one"
                 RenderText {#text} at (226,3) size 160x19
                   text run at (226,3) width 8: ". "
                   text run at (234,3) width 152: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 172x25 [border: (3px solid #000000) (1px solid #000000)]
+                RenderInline {SPAN} at (0,0) size 170x25 [border: (3px solid #000000) (1px solid #000000)]
                   RenderText {#text} at (387,3) size 144x19
                     text run at (387,3) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 24x17
-                    RenderText {#text} at (531,5) size 24x17
-                      text run at (531,5) width 24: "two"
-                RenderText {#text} at (558,3) size 716x39
-                  text run at (558,3) width 183: ", which should result in a thin"
-                  text run at (25,23) width 216: "solid border on the left side of the "
+                  RenderInline {TT} at (0,0) size 22x19
+                    RenderText {#text} at (531,3) size 22x19
+                      text run at (531,3) width 22: "two"
+                RenderText {#text} at (556,3) size 714x38
+                  text run at (556,3) width 183: ", which should result in a thin"
+                  text run at (25,22) width 216: "solid border on the left side of the "
                 RenderInline {STRONG} at (0,0) size 27x20
-                  RenderText {#text} at (241,23) size 27x20
-                    text run at (241,23) width 27: "first"
-                RenderText {#text} at (268,23) size 702x39
-                  text run at (268,23) width 459: " box in the inline element (and the UA's default border on the other three"
-                  text run at (25,43) width 46: "sides). "
-                  text run at (71,43) width 106: "There is also an "
-                RenderInline {SPAN} at (0,0) size 184x19
-                  RenderText {#text} at (177,43) size 144x19
-                    text run at (177,43) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 40x17
-                    RenderText {#text} at (321,45) size 40x17
-                      text run at (321,45) width 40: "three"
-                RenderText {#text} at (361,43) size 693x39
-                  text run at (361,43) width 357: ", which should have no left border width or visible border"
-                  text run at (25,63) width 209: "because no border style was set."
+                  RenderText {#text} at (241,22) size 27x20
+                    text run at (241,22) width 27: "first"
+                RenderText {#text} at (268,22) size 702x39
+                  text run at (268,22) width 459: " box in the inline element (and the UA's default border on the other three"
+                  text run at (25,42) width 46: "sides). "
+                  text run at (71,42) width 106: "There is also an "
+                RenderInline {SPAN} at (0,0) size 177x19
+                  RenderText {#text} at (177,42) size 144x19
+                    text run at (177,42) width 144: "inline element of class "
+                  RenderInline {TT} at (0,0) size 33x19
+                    RenderText {#text} at (321,42) size 33x19
+                      text run at (321,42) width 33: "three"
+                RenderText {#text} at (354,42) size 686x38
+                  text run at (354,42) width 357: ", which should have no left border width or visible border"
+                  text run at (25,61) width 209: "because no border style was set."
index 0aa59f8..d3d050e 100644 (file)
@@ -7,14 +7,14 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x76
-        RenderText {#text} at (0,1) size 320x74
-          text run at (0,1) width 184: "P {margin-right: 20px;}"
-          text run at (184,1) width 0: " "
-          text run at (0,20) width 320: ".one {border-right: purple double 10px;}"
-          text run at (320,20) width 0: " "
-          text run at (0,39) width 312: ".two {border-right: purple thin solid;}"
-          text run at (312,39) width 0: " "
-          text run at (0,58) width 0: " "
+        RenderText {#text} at (0,0) size 251x76
+          text run at (0,0) width 143: "P {margin-right: 20px;}"
+          text run at (143,0) width 0: " "
+          text run at (0,19) width 251: ".one {border-right: purple double 10px;}"
+          text run at (251,19) width 0: " "
+          text run at (0,38) width 227: ".two {border-right: purple thin solid;}"
+          text run at (227,38) width 0: " "
+          text run at (0,57) width 0: " "
       RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,139) size 764x57 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 756x38
index 6d6a4e6..94ad14a 100644 (file)
@@ -7,21 +7,21 @@ layer at (0,0) size 800x1106
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x133
-        RenderText {#text} at (0,1) size 352x131
-          text run at (0,1) width 184: "P {margin-right: 20px;}"
-          text run at (184,1) width 0: " "
-          text run at (0,20) width 320: ".one {border-right: purple double 10px;}"
-          text run at (320,20) width 0: " "
-          text run at (0,39) width 312: ".two {border-right: purple thin solid;}"
-          text run at (312,39) width 0: " "
-          text run at (0,58) width 344: ".threea {border-right: black medium solid;}"
-          text run at (344,58) width 0: " "
-          text run at (0,77) width 352: ".threeb {border-right: purple medium solid;}"
-          text run at (352,77) width 0: " "
-          text run at (0,96) width 336: ".threec {border-right: blue medium solid;}"
-          text run at (336,96) width 0: " "
-          text run at (0,115) width 280: "TD {border-right: green 2px solid;}"
-          text run at (280,115) width 0: " "
+        RenderText {#text} at (0,0) size 274x133
+          text run at (0,0) width 143: "P {margin-right: 20px;}"
+          text run at (143,0) width 0: " "
+          text run at (0,19) width 251: ".one {border-right: purple double 10px;}"
+          text run at (251,19) width 0: " "
+          text run at (0,38) width 227: ".two {border-right: purple thin solid;}"
+          text run at (227,38) width 0: " "
+          text run at (0,57) width 267: ".threea {border-right: black medium solid;}"
+          text run at (267,57) width 0: " "
+          text run at (0,76) width 274: ".threeb {border-right: purple medium solid;}"
+          text run at (274,76) width 0: " "
+          text run at (0,95) width 260: ".threec {border-right: blue medium solid;}"
+          text run at (260,95) width 0: " "
+          text run at (0,114) width 217: "TD {border-right: green 2px solid;}"
+          text run at (217,114) width 0: " "
       RenderBlock {HR} at (0,180) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,196) size 764x38
         RenderText {#text} at (0,0) size 719x38
index f9c419f..5e5cfcb 100644 (file)
-layer at (0,0) size 800x826
+layer at (0,0) size 800x822
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x826
-  RenderBlock {HTML} at (0,0) size 800x826
-    RenderBody {BODY} at (8,8) size 784x810 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x822
+  RenderBlock {HTML} at (0,0) size 800x822
+    RenderBody {BODY} at (8,8) size 784x806 [bgcolor=#CCCCCC]
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x114
-        RenderText {#text} at (0,1) size 456x112
-          text run at (0,1) width 448: ".zero {background-color: silver; border-right-width: 0;}"
-          text run at (448,1) width 0: " "
-          text run at (0,20) width 424: ".one {border-right-width: 25px; border-style: solid;}"
-          text run at (424,20) width 0: " "
-          text run at (0,39) width 432: ".two {border-right-width: thick; border-style: solid;}"
-          text run at (432,39) width 0: " "
-          text run at (0,58) width 456: ".three {border-right-width: medium; border-style: solid;}"
-          text run at (456,58) width 0: " "
-          text run at (0,77) width 432: ".four {border-right-width: thin; border-style: solid;}"
-          text run at (432,77) width 0: " "
-          text run at (0,96) width 272: ".five {border-right-width: 100px;}"
-          text run at (272,96) width 0: " "
+        RenderText {#text} at (0,0) size 348x114
+          text run at (0,0) width 339: ".zero {background-color: silver; border-right-width: 0;}"
+          text run at (339,0) width 0: " "
+          text run at (0,19) width 319: ".one {border-right-width: 25px; border-style: solid;}"
+          text run at (319,19) width 0: " "
+          text run at (0,38) width 315: ".two {border-right-width: thick; border-style: solid;}"
+          text run at (315,38) width 0: " "
+          text run at (0,57) width 348: ".three {border-right-width: medium; border-style: solid;}"
+          text run at (348,57) width 0: " "
+          text run at (0,76) width 312: ".four {border-right-width: thin; border-style: solid;}"
+          text run at (312,76) width 0: " "
+          text run at (0,95) width 204: ".five {border-right-width: 100px;}"
+          text run at (204,95) width 0: " "
       RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,177) size 784x20
+      RenderBlock {P} at (0,177) size 784x19
         RenderText {#text} at (0,0) size 147x19
           text run at (0,0) width 147: "(These will only work if "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (147,2) size 96x17
-            text run at (147,2) width 96: "border-style"
-        RenderText {#text} at (243,0) size 91x19
-          text run at (243,0) width 91: " is supported.)"
-      RenderBlock {P} at (0,211) size 784x19 [bgcolor=#C0C0C0]
+        RenderInline {CODE} at (0,0) size 76x19
+          RenderText {#text} at (147,0) size 76x19
+            text run at (147,0) width 76: "border-style"
+        RenderText {#text} at (223,0) size 91x19
+          text run at (223,0) width 91: " is supported.)"
+      RenderBlock {P} at (0,210) size 784x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 209x19
           text run at (0,0) width 209: "This element has a class of zero."
-      RenderBlock {P} at (0,244) size 784x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,243) size 784x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 744x38
           text run at (3,3) width 744: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than one"
           text run at (3,22) width 57: "line long."
-      RenderBlock {P} at (0,302) size 784x25 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,301) size 784x25 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 762x19
           text run at (3,3) width 762: "This element should have a thick right border width, which will be more obvious if the element is more than one line long."
-      RenderBlock {P} at (0,341) size 784x44 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,340) size 784x44 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 749x38
           text run at (3,3) width 749: "This element should have a medium right border width, which will be more obvious if the element is more than one line"
           text run at (3,22) width 31: "long."
-      RenderBlock {P} at (0,399) size 784x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,398) size 784x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 756x19
           text run at (3,3) width 756: "This element should have a thin right border width, which will be more obvious if the element is more than one line long."
-      RenderBlock {P} at (0,438) size 784x20
+      RenderBlock {P} at (0,437) size 784x19
         RenderText {#text} at (0,0) size 525x19
           text run at (0,0) width 525: "This element should have no border and no extra \"padding\" on its right side, as no "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (525,2) size 96x17
-            text run at (525,2) width 96: "border-style"
-        RenderText {#text} at (621,0) size 56x19
-          text run at (621,0) width 56: " was set."
-      RenderTable {TABLE} at (0,472) size 784x338 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x336
+        RenderInline {CODE} at (0,0) size 76x19
+          RenderText {#text} at (525,0) size 76x19
+            text run at (525,0) width 76: "border-style"
+        RenderText {#text} at (601,0) size 56x19
+          text run at (601,0) width 56: " was set."
+      RenderTable {TABLE} at (0,470) size 784x336 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x334
           RenderTableRow {TR} at (0,0) size 782x28
             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x308
-            RenderTableCell {TD} at (0,168) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 782x306
+            RenderTableCell {TD} at (0,167) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x308 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x20
+            RenderTableCell {TD} at (12,28) size 770x306 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x19
                 RenderText {#text} at (0,0) size 147x19
                   text run at (0,0) width 147: "(These will only work if "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (147,2) size 96x17
-                    text run at (147,2) width 96: "border-style"
-                RenderText {#text} at (243,0) size 91x19
-                  text run at (243,0) width 91: " is supported.)"
-              RenderBlock {P} at (4,38) size 762x19 [bgcolor=#C0C0C0]
+                RenderInline {CODE} at (0,0) size 76x19
+                  RenderText {#text} at (147,0) size 76x19
+                    text run at (147,0) width 76: "border-style"
+                RenderText {#text} at (223,0) size 91x19
+                  text run at (223,0) width 91: " is supported.)"
+              RenderBlock {P} at (4,37) size 762x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 209x19
                   text run at (0,0) width 209: "This element has a class of zero."
-              RenderBlock {P} at (4,71) size 762x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,70) size 762x44 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 716x38
                   text run at (3,3) width 716: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than"
                   text run at (3,22) width 85: "one line long."
-              RenderBlock {P} at (4,129) size 762x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,128) size 762x44 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 727x38
                   text run at (3,3) width 727: "This element should have a thick right border width, which will be more obvious if the element is more than one line"
                   text run at (3,22) width 31: "long."
-              RenderBlock {P} at (4,187) size 762x44 [border: (3px solid #000000)]
+              RenderBlock {P} at (4,186) size 762x44 [border: (3px solid #000000)]
                 RenderText {#text} at (3,3) size 749x38
                   text run at (3,3) width 749: "This element should have a medium right border width, which will be more obvious if the element is more than one line"
                   text run at (3,22) width 31: "long."
-              RenderBlock {P} at (4,245) size 762x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,244) size 762x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 756x19
                   text run at (3,3) width 756: "This element should have a thin right border width, which will be more obvious if the element is more than one line long."
-              RenderBlock {P} at (4,284) size 762x20
+              RenderBlock {P} at (4,283) size 762x19
                 RenderText {#text} at (0,0) size 525x19
                   text run at (0,0) width 525: "This element should have no border and no extra \"padding\" on its right side, as no "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (525,2) size 96x17
-                    text run at (525,2) width 96: "border-style"
-                RenderText {#text} at (621,0) size 56x19
-                  text run at (621,0) width 56: " was set."
+                RenderInline {CODE} at (0,0) size 76x19
+                  RenderText {#text} at (525,0) size 76x19
+                    text run at (525,0) width 76: "border-style"
+                RenderText {#text} at (601,0) size 56x19
+                  text run at (601,0) width 56: " was set."
index 057895b..94c6316 100644 (file)
@@ -7,90 +7,90 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 424x55
-          text run at (0,1) width 424: ".one {border-right-width: 25px; border-style: solid;}"
-          text run at (424,1) width 0: " "
-          text run at (0,20) width 424: ".two {border-right-width: thin; border-style: solid;}"
-          text run at (424,20) width 0: " "
-          text run at (0,39) width 272: ".three {border-right-width: 25px;}"
-          text run at (272,39) width 0: " "
+        RenderText {#text} at (0,0) size 319x57
+          text run at (0,0) width 319: ".one {border-right-width: 25px; border-style: solid;}"
+          text run at (319,0) width 0: " "
+          text run at (0,19) width 309: ".two {border-right-width: thin; border-style: solid;}"
+          text run at (309,19) width 0: " "
+          text run at (0,38) width 207: ".three {border-right-width: 25px;}"
+          text run at (207,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,120) size 784x85 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,120) size 784x83 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,3) size 177x19
           text run at (3,3) width 177: "This element has a class of "
-        RenderInline {TT} at (0,0) size 24x17
-          RenderText {#text} at (180,5) size 24x17
-            text run at (180,5) width 24: "one"
+        RenderInline {TT} at (0,0) size 24x19
+          RenderText {#text} at (180,3) size 24x19
+            text run at (180,3) width 24: "one"
         RenderText {#text} at (204,3) size 160x19
           text run at (204,3) width 8: ". "
           text run at (212,3) width 152: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 172x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+        RenderInline {SPAN} at (0,0) size 170x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
           RenderText {#text} at (367,3) size 144x19
             text run at (367,3) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 24x17
-            RenderText {#text} at (511,5) size 24x17
-              text run at (511,5) width 24: "two"
-        RenderText {#text} at (536,3) size 749x39
-          text run at (536,3) width 216: ", which should result in a thin solid"
-          text run at (3,23) width 192: "border on the right side of the "
+          RenderInline {TT} at (0,0) size 22x19
+            RenderText {#text} at (511,3) size 22x19
+              text run at (511,3) width 22: "two"
+        RenderText {#text} at (534,3) size 747x38
+          text run at (534,3) width 216: ", which should result in a thin solid"
+          text run at (3,22) width 192: "border on the right side of the "
         RenderInline {STRONG} at (0,0) size 25x20
-          RenderText {#text} at (195,23) size 25x20
-            text run at (195,23) width 25: "last"
-        RenderText {#text} at (220,23) size 723x39
-          text run at (220,23) width 506: " box of the inline element (and the UA's default border on the other three sides)."
-          text run at (3,43) width 106: "There is also an "
-        RenderInline {SPAN} at (0,0) size 184x19
-          RenderText {#text} at (109,43) size 144x19
-            text run at (109,43) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 40x17
-            RenderText {#text} at (253,45) size 40x17
-              text run at (253,45) width 40: "three"
-        RenderText {#text} at (293,43) size 734x39
-          text run at (293,43) width 444: ", which should have no right border width or visible border because no"
-          text run at (3,63) width 131: "border style was set."
-      RenderTable {TABLE} at (0,219) size 784x123 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x121
+          RenderText {#text} at (195,22) size 25x20
+            text run at (195,22) width 25: "last"
+        RenderText {#text} at (220,22) size 723x39
+          text run at (220,22) width 506: " box of the inline element (and the UA's default border on the other three sides)."
+          text run at (3,42) width 106: "There is also an "
+        RenderInline {SPAN} at (0,0) size 177x19
+          RenderText {#text} at (109,42) size 144x19
+            text run at (109,42) width 144: "inline element of class "
+          RenderInline {TT} at (0,0) size 33x19
+            RenderText {#text} at (253,42) size 33x19
+              text run at (253,42) width 33: "three"
+        RenderText {#text} at (286,42) size 727x38
+          text run at (286,42) width 444: ", which should have no right border width or visible border because no"
+          text run at (3,61) width 131: "border style was set."
+      RenderTable {TABLE} at (0,217) size 784x121 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x119
           RenderTableRow {TR} at (0,0) size 782x28
             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x93
-            RenderTableCell {TD} at (0,61) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 782x91
+            RenderTableCell {TD} at (0,60) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x93 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x85 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+            RenderTableCell {TD} at (12,28) size 770x91 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x83 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,3) size 177x19
                   text run at (3,3) width 177: "This element has a class of "
-                RenderInline {TT} at (0,0) size 24x17
-                  RenderText {#text} at (180,5) size 24x17
-                    text run at (180,5) width 24: "one"
+                RenderInline {TT} at (0,0) size 24x19
+                  RenderText {#text} at (180,3) size 24x19
+                    text run at (180,3) width 24: "one"
                 RenderText {#text} at (204,3) size 160x19
                   text run at (204,3) width 8: ". "
                   text run at (212,3) width 152: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 172x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+                RenderInline {SPAN} at (0,0) size 170x25 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
                   RenderText {#text} at (367,3) size 144x19
                     text run at (367,3) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 24x17
-                    RenderText {#text} at (511,5) size 24x17
-                      text run at (511,5) width 24: "two"
-                RenderText {#text} at (536,3) size 716x39
-                  text run at (536,3) width 183: ", which should result in a thin"
-                  text run at (3,23) width 225: "solid border on the right side of the "
+                  RenderInline {TT} at (0,0) size 22x19
+                    RenderText {#text} at (511,3) size 22x19
+                      text run at (511,3) width 22: "two"
+                RenderText {#text} at (534,3) size 714x38
+                  text run at (534,3) width 183: ", which should result in a thin"
+                  text run at (3,22) width 225: "solid border on the right side of the "
                 RenderInline {STRONG} at (0,0) size 25x20
-                  RenderText {#text} at (228,23) size 25x20
-                    text run at (228,23) width 25: "last"
-                RenderText {#text} at (253,23) size 710x39
-                  text run at (253,23) width 460: " box of the inline element (and the UA's default border on the other three"
-                  text run at (3,43) width 46: "sides). "
-                  text run at (49,43) width 106: "There is also an "
-                RenderInline {SPAN} at (0,0) size 184x19
-                  RenderText {#text} at (155,43) size 144x19
-                    text run at (155,43) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 40x17
-                    RenderText {#text} at (299,45) size 40x17
-                      text run at (299,45) width 40: "three"
-                RenderText {#text} at (339,43) size 702x39
-                  text run at (339,43) width 366: ", which should have no right border width or visible border"
-                  text run at (3,63) width 209: "because no border style was set."
+                  RenderText {#text} at (228,22) size 25x20
+                    text run at (228,22) width 25: "last"
+                RenderText {#text} at (253,22) size 710x39
+                  text run at (253,22) width 460: " box of the inline element (and the UA's default border on the other three"
+                  text run at (3,42) width 46: "sides). "
+                  text run at (49,42) width 106: "There is also an "
+                RenderInline {SPAN} at (0,0) size 177x19
+                  RenderText {#text} at (155,42) size 144x19
+                    text run at (155,42) width 144: "inline element of class "
+                  RenderInline {TT} at (0,0) size 33x19
+                    RenderText {#text} at (299,42) size 33x19
+                      text run at (299,42) width 33: "three"
+                RenderText {#text} at (332,42) size 695x38
+                  text run at (332,42) width 366: ", which should have no right border width or visible border"
+                  text run at (3,61) width 209: "because no border style was set."
index ca82b11..bda9155 100644 (file)
@@ -7,31 +7,31 @@ layer at (0,0) size 800x1333
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x228
-        RenderText {#text} at (0,1) size 632x226
-          text run at (0,1) width 560: ".one {border-style: dotted; border-color: black; border-width: thick;}"
-          text run at (560,1) width 0: " "
-          text run at (0,20) width 560: ".two {border-style: dashed; border-color: black; border-width: thick;}"
-          text run at (560,20) width 0: " "
-          text run at (0,39) width 568: ".three {border-style: solid; border-color: black; border-width: thick;}"
-          text run at (568,39) width 0: " "
-          text run at (0,58) width 568: ".four {border-style: double; border-color: black; border-width: thick;}"
-          text run at (568,58) width 0: " "
-          text run at (0,77) width 568: ".five {border-style: groove; border-color: olive; border-width: thick;}"
-          text run at (568,77) width 0: " "
-          text run at (0,96) width 552: ".six {border-style: ridge; border-color: olive; border-width: thick;}"
-          text run at (552,96) width 0: " "
-          text run at (0,115) width 568: ".seven {border-style: inset; border-color: olive; border-width: thick;}"
-          text run at (568,115) width 0: " "
-          text run at (0,134) width 576: ".eight {border-style: outset; border-color: olive; border-width: thick;}"
-          text run at (576,134) width 0: " "
-          text run at (0,153) width 632: ".nine {border-style: double groove; border-color: purple; border-width: thick;}"
-          text run at (632,153) width 0: " "
-          text run at (0,172) width 368: ".ten {border-style: double groove ridge inset;"
-          text run at (368,172) width 0: " "
-          text run at (0,191) width 368: "   border-color: purple; border-width: thick;}"
-          text run at (368,191) width 0: " "
-          text run at (0,210) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
-          text run at (552,210) width 0: " "
+        RenderText {#text} at (0,0) size 483x228
+          text run at (0,0) width 422: ".one {border-style: dotted; border-color: black; border-width: thick;}"
+          text run at (422,0) width 0: " "
+          text run at (0,19) width 427: ".two {border-style: dashed; border-color: black; border-width: thick;}"
+          text run at (427,19) width 0: " "
+          text run at (0,38) width 420: ".three {border-style: solid; border-color: black; border-width: thick;}"
+          text run at (420,38) width 0: " "
+          text run at (0,57) width 426: ".four {border-style: double; border-color: black; border-width: thick;}"
+          text run at (426,57) width 0: " "
+          text run at (0,76) width 420: ".five {border-style: groove; border-color: olive; border-width: thick;}"
+          text run at (420,76) width 0: " "
+          text run at (0,95) width 403: ".six {border-style: ridge; border-color: olive; border-width: thick;}"
+          text run at (403,95) width 0: " "
+          text run at (0,114) width 422: ".seven {border-style: inset; border-color: olive; border-width: thick;}"
+          text run at (422,114) width 0: " "
+          text run at (0,133) width 424: ".eight {border-style: outset; border-color: olive; border-width: thick;}"
+          text run at (424,133) width 0: " "
+          text run at (0,152) width 483: ".nine {border-style: double groove; border-color: purple; border-width: thick;}"
+          text run at (483,152) width 0: " "
+          text run at (0,171) width 282: ".ten {border-style: double groove ridge inset;"
+          text run at (282,171) width 0: " "
+          text run at (0,190) width 272: "   border-color: purple; border-width: thick;}"
+          text run at (272,190) width 0: " "
+          text run at (0,209) width 420: ".eleven {border-style: none; border-color: red; border-width: thick;}"
+          text run at (420,209) width 0: " "
       RenderBlock {HR} at (0,275) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,291) size 784x29 [border: (5px dotted #000000)]
         RenderText {#text} at (5,5) size 474x19
index 32600b0..8038feb 100644 (file)
@@ -7,13 +7,13 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 568x55
-          text run at (0,1) width 560: ".one {border-style: dashed; border-color: black; border-width: thick;}"
-          text run at (560,1) width 0: " "
-          text run at (0,20) width 544: ".two {border-style: groove; border-color: red; border-width: thick;}"
-          text run at (544,20) width 0: " "
-          text run at (0,39) width 568: ".three {border-style: none; border-color: purple; border-width: thick;}"
-          text run at (568,39) width 0: " "
+        RenderText {#text} at (0,0) size 430x57
+          text run at (0,0) width 429: ".one {border-style: dashed; border-color: black; border-width: thick;}"
+          text run at (429,0) width 0: " "
+          text run at (0,19) width 412: ".two {border-style: groove; border-color: red; border-width: thick;}"
+          text run at (412,19) width 0: " "
+          text run at (0,38) width 430: ".three {border-style: none; border-color: purple; border-width: thick;}"
+          text run at (430,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,120) size 784x57 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 669x19
index 02c513e..ebc4360 100644 (file)
@@ -7,15 +7,15 @@ layer at (0,0) size 800x983
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x76
-        RenderText {#text} at (0,1) size 320x74
-          text run at (0,1) width 304: ".one {border-top: purple double 10px;}"
-          text run at (304,1) width 0: " "
-          text run at (0,20) width 296: ".two {border-top: purple thin solid;}"
-          text run at (296,20) width 0: " "
-          text run at (0,39) width 320: ".three {border-top: black medium solid;}"
-          text run at (320,39) width 0: " "
-          text run at (0,58) width 264: "TD {border-top: green 2px solid;}"
-          text run at (264,58) width 0: " "
+        RenderText {#text} at (0,0) size 251x76
+          text run at (0,0) width 243: ".one {border-top: purple double 10px;}"
+          text run at (243,0) width 0: " "
+          text run at (0,19) width 219: ".two {border-top: purple thin solid;}"
+          text run at (219,19) width 0: " "
+          text run at (0,38) width 251: ".three {border-top: black medium solid;}"
+          text run at (251,38) width 0: " "
+          text run at (0,57) width 209: "TD {border-top: green 2px solid;}"
+          text run at (209,57) width 0: " "
       RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,139) size 784x38
         RenderText {#text} at (0,0) size 760x38
index 0e6c6d8..7702203 100644 (file)
@@ -7,12 +7,12 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 304x55
-          text run at (0,1) width 304: ".one {border-top: purple double 10px;}"
-          text run at (304,1) width 0: " "
-          text run at (0,20) width 296: ".two {border-top: purple thin solid;}"
-          text run at (296,20) width 0: " "
-          text run at (0,39) width 0: " "
+        RenderText {#text} at (0,0) size 243x57
+          text run at (0,0) width 243: ".one {border-top: purple double 10px;}"
+          text run at (243,0) width 0: " "
+          text run at (0,19) width 219: ".two {border-top: purple thin solid;}"
+          text run at (219,19) width 0: " "
+          text run at (0,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,120) size 784x57 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 670x19
index 846d502..add8882 100644 (file)
@@ -1,97 +1,97 @@
-layer at (0,0) size 800x775
+layer at (0,0) size 800x771
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x775
-  RenderBlock {HTML} at (0,0) size 800x775
-    RenderBody {BODY} at (8,8) size 784x759 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x771
+  RenderBlock {HTML} at (0,0) size 800x771
+    RenderBody {BODY} at (8,8) size 784x755 [bgcolor=#CCCCCC]
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x114
-        RenderText {#text} at (0,1) size 440x112
-          text run at (0,1) width 432: ".zero {background-color: silver; border-top-width: 0;}"
-          text run at (432,1) width 0: " "
-          text run at (0,20) width 408: ".one {border-top-width: 25px; border-style: solid;}"
-          text run at (408,20) width 0: " "
-          text run at (0,39) width 416: ".two {border-top-width: thick; border-style: solid;}"
-          text run at (416,39) width 0: " "
-          text run at (0,58) width 440: ".three {border-top-width: medium; border-style: solid;}"
-          text run at (440,58) width 0: " "
-          text run at (0,77) width 416: ".four {border-top-width: thin; border-style: solid;}"
-          text run at (416,77) width 0: " "
-          text run at (0,96) width 248: ".five {border-top-width: 25px;}"
-          text run at (248,96) width 0: " "
+        RenderText {#text} at (0,0) size 340x114
+          text run at (0,0) width 331: ".zero {background-color: silver; border-top-width: 0;}"
+          text run at (331,0) width 0: " "
+          text run at (0,19) width 311: ".one {border-top-width: 25px; border-style: solid;}"
+          text run at (311,19) width 0: " "
+          text run at (0,38) width 307: ".two {border-top-width: thick; border-style: solid;}"
+          text run at (307,38) width 0: " "
+          text run at (0,57) width 340: ".three {border-top-width: medium; border-style: solid;}"
+          text run at (340,57) width 0: " "
+          text run at (0,76) width 304: ".four {border-top-width: thin; border-style: solid;}"
+          text run at (304,76) width 0: " "
+          text run at (0,95) width 188: ".five {border-top-width: 25px;}"
+          text run at (188,95) width 0: " "
       RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,177) size 784x20
+      RenderBlock {P} at (0,177) size 784x19
         RenderText {#text} at (0,0) size 147x19
           text run at (0,0) width 147: "(These will only work if "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (147,2) size 96x17
-            text run at (147,2) width 96: "border-style"
-        RenderText {#text} at (243,0) size 91x19
-          text run at (243,0) width 91: " is supported.)"
-      RenderBlock {P} at (0,211) size 784x19 [bgcolor=#C0C0C0]
+        RenderInline {CODE} at (0,0) size 76x19
+          RenderText {#text} at (147,0) size 76x19
+            text run at (147,0) width 76: "border-style"
+        RenderText {#text} at (223,0) size 91x19
+          text run at (223,0) width 91: " is supported.)"
+      RenderBlock {P} at (0,210) size 784x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 209x19
           text run at (0,0) width 209: "This element has a class of zero."
-      RenderBlock {P} at (0,244) size 784x47 [border: (25px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,243) size 784x47 [border: (25px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,25) size 377x19
           text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
-      RenderBlock {P} at (0,305) size 784x27 [border: (5px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,304) size 784x27 [border: (5px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,5) size 334x19
           text run at (3,5) width 334: "This paragraph should have a thick top border width."
-      RenderBlock {P} at (0,346) size 784x25 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,345) size 784x25 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 356x19
           text run at (3,3) width 356: "This paragraph should have a medium top border width."
-      RenderBlock {P} at (0,385) size 784x23 [border: (1px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,384) size 784x23 [border: (1px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,1) size 328x19
           text run at (3,1) width 328: "This paragraph should have a thin top border width."
-      RenderBlock {P} at (0,422) size 784x20
+      RenderBlock {P} at (0,421) size 784x19
         RenderText {#text} at (0,0) size 532x19
           text run at (0,0) width 532: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (532,2) size 96x17
-            text run at (532,2) width 96: "border-style"
-        RenderText {#text} at (628,0) size 56x19
-          text run at (628,0) width 56: " was set."
-      RenderTable {TABLE} at (0,456) size 706x303 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 704x301
-          RenderTableRow {TR} at (0,0) size 704x28
-            RenderTableCell {TD} at (0,0) size 704x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+        RenderInline {CODE} at (0,0) size 76x19
+          RenderText {#text} at (532,0) size 76x19
+            text run at (532,0) width 76: "border-style"
+        RenderText {#text} at (608,0) size 56x19
+          text run at (608,0) width 56: " was set."
+      RenderTable {TABLE} at (0,454) size 686x301 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 684x299
+          RenderTableRow {TR} at (0,0) size 684x28
+            RenderTableCell {TD} at (0,0) size 684x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 704x273
-            RenderTableCell {TD} at (0,151) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 684x271
+            RenderTableCell {TD} at (0,150) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 692x273 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 684x20
+            RenderTableCell {TD} at (12,28) size 672x271 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 664x19
                 RenderText {#text} at (0,0) size 147x19
                   text run at (0,0) width 147: "(These will only work if "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (147,2) size 96x17
-                    text run at (147,2) width 96: "border-style"
-                RenderText {#text} at (243,0) size 91x19
-                  text run at (243,0) width 91: " is supported.)"
-              RenderBlock {P} at (4,38) size 684x19 [bgcolor=#C0C0C0]
+                RenderInline {CODE} at (0,0) size 76x19
+                  RenderText {#text} at (147,0) size 76x19
+                    text run at (147,0) width 76: "border-style"
+                RenderText {#text} at (223,0) size 91x19
+                  text run at (223,0) width 91: " is supported.)"
+              RenderBlock {P} at (4,37) size 664x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 209x19
                   text run at (0,0) width 209: "This element has a class of zero."
-              RenderBlock {P} at (4,71) size 684x47 [border: (25px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,70) size 664x47 [border: (25px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,25) size 377x19
                   text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
-              RenderBlock {P} at (4,132) size 684x27 [border: (5px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,131) size 664x27 [border: (5px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,5) size 334x19
                   text run at (3,5) width 334: "This paragraph should have a thick top border width."
-              RenderBlock {P} at (4,173) size 684x25 [border: (3px solid #000000)]
+              RenderBlock {P} at (4,172) size 664x25 [border: (3px solid #000000)]
                 RenderText {#text} at (3,3) size 356x19
                   text run at (3,3) width 356: "This paragraph should have a medium top border width."
-              RenderBlock {P} at (4,212) size 684x23 [border: (1px solid #000000) (3px solid #000000)]
+              RenderBlock {P} at (4,211) size 664x23 [border: (1px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,1) size 328x19
                   text run at (3,1) width 328: "This paragraph should have a thin top border width."
-              RenderBlock {P} at (4,249) size 684x20
+              RenderBlock {P} at (4,248) size 664x19
                 RenderText {#text} at (0,0) size 532x19
                   text run at (0,0) width 532: "This paragraph should have no border and no extra \"padding\" on its top side, as no "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (532,2) size 96x17
-                    text run at (532,2) width 96: "border-style"
-                RenderText {#text} at (628,0) size 56x19
-                  text run at (628,0) width 56: " was set."
+                RenderInline {CODE} at (0,0) size 76x19
+                  RenderText {#text} at (532,0) size 76x19
+                    text run at (532,0) width 76: "border-style"
+                RenderText {#text} at (608,0) size 56x19
+                  text run at (608,0) width 56: " was set."
index 6f38542..e0ffb65 100644 (file)
@@ -7,81 +7,81 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 408x55
-          text run at (0,1) width 408: ".one {border-top-width: 25px; border-style: solid;}"
-          text run at (408,1) width 0: " "
-          text run at (0,20) width 408: ".two {border-top-width: thin; border-style: solid;}"
-          text run at (408,20) width 0: " "
-          text run at (0,39) width 256: ".three {border-top-width: 25px;}"
-          text run at (256,39) width 0: " "
+        RenderText {#text} at (0,0) size 311x57
+          text run at (0,0) width 311: ".one {border-top-width: 25px; border-style: solid;}"
+          text run at (311,0) width 0: " "
+          text run at (0,19) width 301: ".two {border-top-width: thin; border-style: solid;}"
+          text run at (301,19) width 0: " "
+          text run at (0,38) width 199: ".three {border-top-width: 25px;}"
+          text run at (199,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,120) size 784x106 [border: (25px solid #000000) (3px solid #000000)]
+      RenderBlock {P} at (0,120) size 784x104 [border: (25px solid #000000) (3px solid #000000)]
         RenderText {#text} at (3,25) size 177x19
           text run at (3,25) width 177: "This element has a class of "
-        RenderInline {TT} at (0,0) size 24x17
-          RenderText {#text} at (180,27) size 24x17
-            text run at (180,27) width 24: "one"
+        RenderInline {TT} at (0,0) size 24x19
+          RenderText {#text} at (180,25) size 24x19
+            text run at (180,25) width 24: "one"
         RenderText {#text} at (204,25) size 160x19
           text run at (204,25) width 8: ". "
           text run at (212,25) width 152: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 174x23 [border: (1px solid #000000) (3px solid #000000)]
+        RenderInline {SPAN} at (0,0) size 172x23 [border: (1px solid #000000) (3px solid #000000)]
           RenderText {#text} at (367,25) size 144x19
             text run at (367,25) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 24x17
-            RenderText {#text} at (511,27) size 24x17
-              text run at (511,27) width 24: "two"
-        RenderText {#text} at (538,25) size 752x58
-          text run at (538,25) width 216: ", which should result in a thin solid"
-          text run at (3,45) width 700: "border on the top side of each box in the inline element (and the UA's default border on the other three sides). "
-          text run at (703,45) width 52: "There is"
-          text run at (3,64) width 50: "also an "
-        RenderInline {SPAN} at (0,0) size 184x19
-          RenderText {#text} at (53,64) size 144x19
-            text run at (53,64) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 40x17
-            RenderText {#text} at (197,66) size 40x17
-              text run at (197,66) width 40: "three"
-        RenderText {#text} at (237,64) size 778x39
-          text run at (237,64) width 544: ", which should have no top border width or visible border because no border style was"
-          text run at (3,84) width 23: "set."
-      RenderTable {TABLE} at (0,240) size 784x144 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x142
+          RenderInline {TT} at (0,0) size 22x19
+            RenderText {#text} at (511,25) size 22x19
+              text run at (511,25) width 22: "two"
+        RenderText {#text} at (536,25) size 752x57
+          text run at (536,25) width 216: ", which should result in a thin solid"
+          text run at (3,44) width 700: "border on the top side of each box in the inline element (and the UA's default border on the other three sides). "
+          text run at (703,44) width 52: "There is"
+          text run at (3,63) width 50: "also an "
+        RenderInline {SPAN} at (0,0) size 177x19
+          RenderText {#text} at (53,63) size 144x19
+            text run at (53,63) width 144: "inline element of class "
+          RenderInline {TT} at (0,0) size 33x19
+            RenderText {#text} at (197,63) size 33x19
+              text run at (197,63) width 33: "three"
+        RenderText {#text} at (230,63) size 771x38
+          text run at (230,63) width 544: ", which should have no top border width or visible border because no border style was"
+          text run at (3,82) width 23: "set."
+      RenderTable {TABLE} at (0,238) size 784x142 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x140
           RenderTableRow {TR} at (0,0) size 782x28
             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x114
-            RenderTableCell {TD} at (0,71) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 782x112
+            RenderTableCell {TD} at (0,70) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x114 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x106 [border: (25px solid #000000) (3px solid #000000)]
+            RenderTableCell {TD} at (12,28) size 770x112 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x104 [border: (25px solid #000000) (3px solid #000000)]
                 RenderText {#text} at (3,25) size 177x19
                   text run at (3,25) width 177: "This element has a class of "
-                RenderInline {TT} at (0,0) size 24x17
-                  RenderText {#text} at (180,27) size 24x17
-                    text run at (180,27) width 24: "one"
+                RenderInline {TT} at (0,0) size 24x19
+                  RenderText {#text} at (180,25) size 24x19
+                    text run at (180,25) width 24: "one"
                 RenderText {#text} at (204,25) size 160x19
                   text run at (204,25) width 8: ". "
                   text run at (212,25) width 152: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 174x23 [border: (1px solid #000000) (3px solid #000000)]
+                RenderInline {SPAN} at (0,0) size 172x23 [border: (1px solid #000000) (3px solid #000000)]
                   RenderText {#text} at (367,25) size 144x19
                     text run at (367,25) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 24x17
-                    RenderText {#text} at (511,27) size 24x17
-                      text run at (511,27) width 24: "two"
-                RenderText {#text} at (538,25) size 752x58
-                  text run at (538,25) width 216: ", which should result in a thin solid"
-                  text run at (3,45) width 700: "border on the top side of each box in the inline element (and the UA's default border on the other three sides). "
-                  text run at (703,45) width 52: "There is"
-                  text run at (3,64) width 50: "also an "
-                RenderInline {SPAN} at (0,0) size 184x19
-                  RenderText {#text} at (53,64) size 144x19
-                    text run at (53,64) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 40x17
-                    RenderText {#text} at (197,66) size 40x17
-                      text run at (197,66) width 40: "three"
-                RenderText {#text} at (237,64) size 749x39
-                  text run at (237,64) width 515: ", which should have no top border width or visible border because no border style"
-                  text run at (3,84) width 52: "was set."
+                  RenderInline {TT} at (0,0) size 22x19
+                    RenderText {#text} at (511,25) size 22x19
+                      text run at (511,25) width 22: "two"
+                RenderText {#text} at (536,25) size 752x57
+                  text run at (536,25) width 216: ", which should result in a thin solid"
+                  text run at (3,44) width 700: "border on the top side of each box in the inline element (and the UA's default border on the other three sides). "
+                  text run at (703,44) width 52: "There is"
+                  text run at (3,63) width 50: "also an "
+                RenderInline {SPAN} at (0,0) size 177x19
+                  RenderText {#text} at (53,63) size 144x19
+                    text run at (53,63) width 144: "inline element of class "
+                  RenderInline {TT} at (0,0) size 33x19
+                    RenderText {#text} at (197,63) size 33x19
+                      text run at (197,63) width 33: "three"
+                RenderText {#text} at (230,63) size 742x38
+                  text run at (230,63) width 515: ", which should have no top border width or visible border because no border style"
+                  text run at (3,82) width 52: "was set."
index a0f12d6..82d263e 100644 (file)
@@ -1,97 +1,97 @@
-layer at (0,0) size 800x919
+layer at (0,0) size 800x915
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x919
-  RenderBlock {HTML} at (0,0) size 800x919
-    RenderBody {BODY} at (8,8) size 784x903 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x915
+  RenderBlock {HTML} at (0,0) size 800x915
+    RenderBody {BODY} at (8,8) size 784x899 [bgcolor=#CCCCCC]
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x114
-        RenderText {#text} at (0,1) size 408x112
-          text run at (0,1) width 400: ".zero {background-color: silver; border-width: 0;}"
-          text run at (400,1) width 0: " "
-          text run at (0,20) width 376: ".one {border-width: 50px; border-style: solid;}"
-          text run at (376,20) width 0: " "
-          text run at (0,39) width 384: ".two {border-width: thick; border-style: solid;}"
-          text run at (384,39) width 0: " "
-          text run at (0,58) width 408: ".three {border-width: medium; border-style: solid;}"
-          text run at (408,58) width 0: " "
-          text run at (0,77) width 384: ".four {border-width: thin; border-style: solid;}"
-          text run at (384,77) width 0: " "
-          text run at (0,96) width 216: ".five {border-width: 25px;}"
-          text run at (216,96) width 0: " "
+        RenderText {#text} at (0,0) size 315x114
+          text run at (0,0) width 306: ".zero {background-color: silver; border-width: 0;}"
+          text run at (306,0) width 0: " "
+          text run at (0,19) width 286: ".one {border-width: 50px; border-style: solid;}"
+          text run at (286,19) width 0: " "
+          text run at (0,38) width 282: ".two {border-width: thick; border-style: solid;}"
+          text run at (282,38) width 0: " "
+          text run at (0,57) width 315: ".three {border-width: medium; border-style: solid;}"
+          text run at (315,57) width 0: " "
+          text run at (0,76) width 279: ".four {border-width: thin; border-style: solid;}"
+          text run at (279,76) width 0: " "
+          text run at (0,95) width 163: ".five {border-width: 25px;}"
+          text run at (163,95) width 0: " "
       RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,177) size 784x20
+      RenderBlock {P} at (0,177) size 784x19
         RenderText {#text} at (0,0) size 147x19
           text run at (0,0) width 147: "(These will only work if "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (147,2) size 96x17
-            text run at (147,2) width 96: "border-style"
-        RenderText {#text} at (243,0) size 91x19
-          text run at (243,0) width 91: " is supported.)"
-      RenderBlock {P} at (0,211) size 784x19 [bgcolor=#C0C0C0]
+        RenderInline {CODE} at (0,0) size 76x19
+          RenderText {#text} at (147,0) size 76x19
+            text run at (147,0) width 76: "border-style"
+        RenderText {#text} at (223,0) size 91x19
+          text run at (223,0) width 91: " is supported.)"
+      RenderBlock {P} at (0,210) size 784x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 209x19
           text run at (0,0) width 209: "This element has a class of zero."
-      RenderBlock {P} at (0,244) size 784x119 [border: (50px solid #000000)]
+      RenderBlock {P} at (0,243) size 784x119 [border: (50px solid #000000)]
         RenderText {#text} at (50,50) size 392x19
           text run at (50,50) width 392: "This element should have an overall border width of 50 pixels."
-      RenderBlock {P} at (0,377) size 784x29 [border: (5px solid #000000)]
+      RenderBlock {P} at (0,376) size 784x29 [border: (5px solid #000000)]
         RenderText {#text} at (5,5) size 341x19
           text run at (5,5) width 341: "This element should have a thick overall border width."
-      RenderBlock {P} at (0,420) size 784x25 [border: (3px solid #000000)]
+      RenderBlock {P} at (0,419) size 784x25 [border: (3px solid #000000)]
         RenderText {#text} at (3,3) size 363x19
           text run at (3,3) width 363: "This element should have a medium overall border width."
-      RenderBlock {P} at (0,459) size 784x21 [border: (1px solid #000000)]
+      RenderBlock {P} at (0,458) size 784x21 [border: (1px solid #000000)]
         RenderText {#text} at (1,1) size 335x19
           text run at (1,1) width 335: "This element should have a thin overall border width."
-      RenderBlock {P} at (0,494) size 784x20
+      RenderBlock {P} at (0,493) size 784x19
         RenderText {#text} at (0,0) size 502x19
           text run at (0,0) width 502: "This element should have no border and no extra \"padding\" on any side, as no "
-        RenderInline {CODE} at (0,0) size 96x17
-          RenderText {#text} at (502,2) size 96x17
-            text run at (502,2) width 96: "border-style"
-        RenderText {#text} at (598,0) size 56x19
-          text run at (598,0) width 56: " was set."
-      RenderTable {TABLE} at (0,528) size 676x375 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 674x373
-          RenderTableRow {TR} at (0,0) size 674x28
-            RenderTableCell {TD} at (0,0) size 674x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+        RenderInline {CODE} at (0,0) size 76x19
+          RenderText {#text} at (502,0) size 76x19
+            text run at (502,0) width 76: "border-style"
+        RenderText {#text} at (578,0) size 56x19
+          text run at (578,0) width 56: " was set."
+      RenderTable {TABLE} at (0,526) size 656x373 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 654x371
+          RenderTableRow {TR} at (0,0) size 654x28
+            RenderTableCell {TD} at (0,0) size 654x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 674x345
-            RenderTableCell {TD} at (0,187) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 654x343
+            RenderTableCell {TD} at (0,186) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 662x345 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 654x20
+            RenderTableCell {TD} at (12,28) size 642x343 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 634x19
                 RenderText {#text} at (0,0) size 147x19
                   text run at (0,0) width 147: "(These will only work if "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (147,2) size 96x17
-                    text run at (147,2) width 96: "border-style"
-                RenderText {#text} at (243,0) size 91x19
-                  text run at (243,0) width 91: " is supported.)"
-              RenderBlock {P} at (4,38) size 654x19 [bgcolor=#C0C0C0]
+                RenderInline {CODE} at (0,0) size 76x19
+                  RenderText {#text} at (147,0) size 76x19
+                    text run at (147,0) width 76: "border-style"
+                RenderText {#text} at (223,0) size 91x19
+                  text run at (223,0) width 91: " is supported.)"
+              RenderBlock {P} at (4,37) size 634x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 209x19
                   text run at (0,0) width 209: "This element has a class of zero."
-              RenderBlock {P} at (4,71) size 654x119 [border: (50px solid #000000)]
+              RenderBlock {P} at (4,70) size 634x119 [border: (50px solid #000000)]
                 RenderText {#text} at (50,50) size 392x19
                   text run at (50,50) width 392: "This element should have an overall border width of 50 pixels."
-              RenderBlock {P} at (4,204) size 654x29 [border: (5px solid #000000)]
+              RenderBlock {P} at (4,203) size 634x29 [border: (5px solid #000000)]
                 RenderText {#text} at (5,5) size 341x19
                   text run at (5,5) width 341: "This element should have a thick overall border width."
-              RenderBlock {P} at (4,247) size 654x25 [border: (3px solid #000000)]
+              RenderBlock {P} at (4,246) size 634x25 [border: (3px solid #000000)]
                 RenderText {#text} at (3,3) size 363x19
                   text run at (3,3) width 363: "This element should have a medium overall border width."
-              RenderBlock {P} at (4,286) size 654x21 [border: (1px solid #000000)]
+              RenderBlock {P} at (4,285) size 634x21 [border: (1px solid #000000)]
                 RenderText {#text} at (1,1) size 335x19
                   text run at (1,1) width 335: "This element should have a thin overall border width."
-              RenderBlock {P} at (4,321) size 654x20
+              RenderBlock {P} at (4,320) size 634x19
                 RenderText {#text} at (0,0) size 502x19
                   text run at (0,0) width 502: "This element should have no border and no extra \"padding\" on any side, as no "
-                RenderInline {CODE} at (0,0) size 96x17
-                  RenderText {#text} at (502,2) size 96x17
-                    text run at (502,2) width 96: "border-style"
-                RenderText {#text} at (598,0) size 56x19
-                  text run at (598,0) width 56: " was set."
+                RenderInline {CODE} at (0,0) size 76x19
+                  RenderText {#text} at (502,0) size 76x19
+                    text run at (502,0) width 76: "border-style"
+                RenderText {#text} at (578,0) size 56x19
+                  text run at (578,0) width 56: " was set."
index 587168e..9e90252 100644 (file)
@@ -7,79 +7,79 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 376x55
-          text run at (0,1) width 376: ".one {border-width: 25px; border-style: solid;}"
-          text run at (376,1) width 0: " "
-          text run at (0,20) width 376: ".two {border-width: thin; border-style: solid;}"
-          text run at (376,20) width 0: " "
-          text run at (0,39) width 224: ".three {border-width: 25px;}"
-          text run at (224,39) width 0: " "
+        RenderText {#text} at (0,0) size 286x57
+          text run at (0,0) width 286: ".one {border-width: 25px; border-style: solid;}"
+          text run at (286,0) width 0: " "
+          text run at (0,19) width 276: ".two {border-width: thin; border-style: solid;}"
+          text run at (276,19) width 0: " "
+          text run at (0,38) width 174: ".three {border-width: 25px;}"
+          text run at (174,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,120) size 784x109 [border: (25px solid #000000)]
+      RenderBlock {P} at (0,120) size 784x107 [border: (25px solid #000000)]
         RenderText {#text} at (25,25) size 177x19
           text run at (25,25) width 177: "This element has a class of "
-        RenderInline {TT} at (0,0) size 24x17
-          RenderText {#text} at (202,27) size 24x17
-            text run at (202,27) width 24: "one"
+        RenderInline {TT} at (0,0) size 24x19
+          RenderText {#text} at (202,25) size 24x19
+            text run at (202,25) width 24: "one"
         RenderText {#text} at (226,25) size 160x19
           text run at (226,25) width 8: ". "
           text run at (234,25) width 152: "However, it contains an "
-        RenderInline {SPAN} at (0,0) size 170x21 [border: (1px solid #000000)]
+        RenderInline {SPAN} at (0,0) size 168x21 [border: (1px solid #000000)]
           RenderText {#text} at (387,25) size 144x19
             text run at (387,25) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 24x17
-            RenderText {#text} at (531,27) size 24x17
-              text run at (531,27) width 24: "two"
-        RenderText {#text} at (556,25) size 714x39
-          text run at (556,25) width 183: ", which should result in a thin"
-          text run at (25,45) width 377: "solid border on each side of each box in the inline element. "
-          text run at (402,45) width 106: "There is also an "
-        RenderInline {SPAN} at (0,0) size 184x19
-          RenderText {#text} at (508,45) size 144x19
-            text run at (508,45) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 40x17
-            RenderText {#text} at (652,47) size 40x17
-              text run at (652,47) width 40: "three"
-        RenderText {#text} at (692,45) size 711x39
-          text run at (692,45) width 44: ", which"
-          text run at (25,65) width 393: "should have no border width because no border style was set."
-      RenderTable {TABLE} at (0,243) size 784x147 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x145
+          RenderInline {TT} at (0,0) size 22x19
+            RenderText {#text} at (531,25) size 22x19
+              text run at (531,25) width 22: "two"
+        RenderText {#text} at (554,25) size 712x38
+          text run at (554,25) width 183: ", which should result in a thin"
+          text run at (25,44) width 377: "solid border on each side of each box in the inline element. "
+          text run at (402,44) width 106: "There is also an "
+        RenderInline {SPAN} at (0,0) size 177x19
+          RenderText {#text} at (508,44) size 144x19
+            text run at (508,44) width 144: "inline element of class "
+          RenderInline {TT} at (0,0) size 33x19
+            RenderText {#text} at (652,44) size 33x19
+              text run at (652,44) width 33: "three"
+        RenderText {#text} at (685,44) size 704x38
+          text run at (685,44) width 44: ", which"
+          text run at (25,63) width 393: "should have no border width because no border style was set."
+      RenderTable {TABLE} at (0,241) size 784x145 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x143
           RenderTableRow {TR} at (0,0) size 782x28
             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x117
-            RenderTableCell {TD} at (0,73) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 782x115
+            RenderTableCell {TD} at (0,72) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x117 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x109 [border: (25px solid #000000)]
+            RenderTableCell {TD} at (12,28) size 770x115 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x107 [border: (25px solid #000000)]
                 RenderText {#text} at (25,25) size 177x19
                   text run at (25,25) width 177: "This element has a class of "
-                RenderInline {TT} at (0,0) size 24x17
-                  RenderText {#text} at (202,27) size 24x17
-                    text run at (202,27) width 24: "one"
+                RenderInline {TT} at (0,0) size 24x19
+                  RenderText {#text} at (202,25) size 24x19
+                    text run at (202,25) width 24: "one"
                 RenderText {#text} at (226,25) size 160x19
                   text run at (226,25) width 8: ". "
                   text run at (234,25) width 152: "However, it contains an "
-                RenderInline {SPAN} at (0,0) size 170x21 [border: (1px solid #000000)]
+                RenderInline {SPAN} at (0,0) size 168x21 [border: (1px solid #000000)]
                   RenderText {#text} at (387,25) size 144x19
                     text run at (387,25) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 24x17
-                    RenderText {#text} at (531,27) size 24x17
-                      text run at (531,27) width 24: "two"
-                RenderText {#text} at (556,25) size 687x39
-                  text run at (556,25) width 156: ", which should result in a"
-                  text run at (25,45) width 404: "thin solid border on each side of each box in the inline element. "
-                  text run at (429,45) width 106: "There is also an "
-                RenderInline {SPAN} at (0,0) size 184x19
-                  RenderText {#text} at (535,45) size 144x19
-                    text run at (535,45) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 40x17
-                    RenderText {#text} at (679,47) size 40x17
-                      text run at (679,47) width 40: "three"
-                RenderText {#text} at (719,45) size 698x39
-                  text run at (719,45) width 4: ","
-                  text run at (25,65) width 433: "which should have no border width because no border style was set."
+                  RenderInline {TT} at (0,0) size 22x19
+                    RenderText {#text} at (531,25) size 22x19
+                      text run at (531,25) width 22: "two"
+                RenderText {#text} at (554,25) size 712x38
+                  text run at (554,25) width 183: ", which should result in a thin"
+                  text run at (25,44) width 377: "solid border on each side of each box in the inline element. "
+                  text run at (402,44) width 106: "There is also an "
+                RenderInline {SPAN} at (0,0) size 177x19
+                  RenderText {#text} at (508,44) size 144x19
+                    text run at (508,44) width 144: "inline element of class "
+                  RenderInline {TT} at (0,0) size 33x19
+                    RenderText {#text} at (652,44) size 33x19
+                      text run at (652,44) width 33: "three"
+                RenderText {#text} at (685,44) size 704x38
+                  text run at (685,44) width 44: ", which"
+                  text run at (25,63) width 393: "should have no border width because no border style was set."
index d985c2c..8b73d77 100644 (file)
@@ -7,15 +7,15 @@ layer at (0,0) size 800x975
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x76
-        RenderText {#text} at (0,1) size 168x74
-          text run at (0,1) width 152: ".one {clear: left;}"
-          text run at (152,1) width 0: " "
-          text run at (0,20) width 160: ".two {clear: right;}"
-          text run at (160,20) width 0: " "
-          text run at (0,39) width 168: ".three {clear: both;}"
-          text run at (168,39) width 0: " "
-          text run at (0,58) width 160: ".four {clear: none;}"
-          text run at (160,58) width 0: " "
+        RenderText {#text} at (0,0) size 122x76
+          text run at (0,0) width 104: ".one {clear: left;}"
+          text run at (104,0) width 0: " "
+          text run at (0,19) width 111: ".two {clear: right;}"
+          text run at (111,19) width 0: " "
+          text run at (0,38) width 122: ".three {clear: both;}"
+          text run at (122,38) width 0: " "
+          text run at (0,57) width 118: ".four {clear: none;}"
+          text run at (118,57) width 0: " "
       RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
       RenderImage {IMG} at (0,132) size 15x50
       RenderBlock {P} at (0,139) size 784x19
index 20c16fb..9d7862d 100644 (file)
@@ -7,23 +7,23 @@ layer at (0,0) size 800x780
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x171
-        RenderText {#text} at (0,1) size 616x169
-          text run at (0,1) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
-          text run at (392,1) width 0: " "
-          text run at (0,20) width 0: " "
-          text run at (0,39) width 384: "DIV.menu {float: left; clear: left; width: 11em;"
-          text run at (384,39) width 0: " "
-          text run at (0,58) width 464: "          margin: 0; margin-bottom: 10px; padding: 0.5em;}"
-          text run at (464,58) width 0: " "
-          text run at (0,77) width 432: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}"
-          text run at (432,77) width 0: " "
-          text run at (0,96) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
-          text run at (448,96) width 0: " "
-          text run at (0,115) width 616: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
-          text run at (616,115) width 0: " "
-          text run at (0,134) width 480: "             color: black; background: yellow; clear: none;}"
-          text run at (480,134) width 0: " "
-          text run at (0,153) width 0: " "
+        RenderText {#text} at (0,0) size 486x171
+          text run at (0,0) width 280: "P { margin: 0; padding: 0; text-align:  justify;}"
+          text run at (280,0) width 0: " "
+          text run at (0,19) width 0: " "
+          text run at (0,38) width 281: "DIV.menu {float: left; clear: left; width: 11em;"
+          text run at (281,38) width 0: " "
+          text run at (0,57) width 356: "          margin: 0; margin-bottom: 10px; padding: 0.5em;}"
+          text run at (356,57) width 0: " "
+          text run at (0,76) width 348: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}"
+          text run at (348,76) width 0: " "
+          text run at (0,95) width 390: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
+          text run at (390,95) width 0: " "
+          text run at (0,114) width 486: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
+          text run at (486,114) width 0: " "
+          text run at (0,133) width 342: "             color: black; background: yellow; clear: none;}"
+          text run at (342,133) width 0: " "
+          text run at (0,152) width 0: " "
       RenderBlock {HR} at (0,218) size 784x2 [border: (1px inset #000000)]
       RenderBlock (floating) {DIV} at (0,227) size 168x118 [color=#FFFFFF] [bgcolor=#008000]
         RenderBlock {H1} at (7,7) size 154x24
index 4f946b2..b29ec05 100644 (file)
@@ -7,12 +7,12 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 160x55
-          text run at (0,1) width 152: ".one {float: left;}"
-          text run at (152,1) width 0: " "
-          text run at (0,20) width 160: ".two {float: right;}"
-          text run at (160,20) width 0: " "
-          text run at (0,39) width 0: " "
+        RenderText {#text} at (0,0) size 107x57
+          text run at (0,0) width 100: ".one {float: left;}"
+          text run at (100,0) width 0: " "
+          text run at (0,19) width 107: ".two {float: right;}"
+          text run at (107,19) width 0: " "
+          text run at (0,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
       RenderImage {IMG} at (0,113) size 15x50
       RenderBlock {P} at (0,120) size 784x38
index ec15f08..2393806 100644 (file)
@@ -7,31 +7,31 @@ layer at (0,0) size 800x765
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x247
-        RenderText {#text} at (0,1) size 512x245
-          text run at (0,1) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
-          text run at (392,1) width 0: " "
-          text run at (0,20) width 0: " "
-          text run at (0,39) width 336: "DIV.yellow, DIV.blue, DIV.red, DIV.green {"
-          text run at (336,39) width 0: " "
-          text run at (0,58) width 336: " width: 60px; padding: 20px; margin: 10px;"
-          text run at (336,58) width 0: " "
-          text run at (0,77) width 472: " border: 20px solid black; float: left; text-align: center;"
-          text run at (472,77) width 0: " "
-          text run at (0,96) width 360: " font-family: \"Times New Roman\",Times,serif;}"
-          text run at (360,96) width 0: " "
-          text run at (0,115) width 512: "DIV.yellow {margin-left: 0px; background: yellow; color: black;}"
-          text run at (512,115) width 0: " "
-          text run at (0,134) width 336: "DIV.blue {background: blue; color: white;}"
-          text run at (336,134) width 0: " "
-          text run at (0,153) width 320: "DIV.red {background: red; color: black;}"
-          text run at (320,153) width 0: " "
-          text run at (0,172) width 352: "DIV.green {background: green; color: white;}"
-          text run at (352,172) width 0: " "
-          text run at (0,191) width 192: "DIV.below {clear: both;}"
-          text run at (192,191) width 0: " "
-          text run at (0,210) width 200: "TABLE {margin: 20px 0px;}"
-          text run at (200,210) width 0: " "
-          text run at (0,229) width 0: " "
+        RenderText {#text} at (0,0) size 393x247
+          text run at (0,0) width 280: "P { margin: 0; padding: 0; text-align:  justify;}"
+          text run at (280,0) width 0: " "
+          text run at (0,19) width 0: " "
+          text run at (0,38) width 265: "DIV.yellow, DIV.blue, DIV.red, DIV.green {"
+          text run at (265,38) width 0: " "
+          text run at (0,57) width 269: " width: 60px; padding: 20px; margin: 10px;"
+          text run at (269,57) width 0: " "
+          text run at (0,76) width 335: " border: 20px solid black; float: left; text-align: center;"
+          text run at (335,76) width 0: " "
+          text run at (0,95) width 292: " font-family: \"Times New Roman\",Times,serif;}"
+          text run at (292,95) width 0: " "
+          text run at (0,114) width 393: "DIV.yellow {margin-left: 0px; background: yellow; color: black;}"
+          text run at (393,114) width 0: " "
+          text run at (0,133) width 262: "DIV.blue {background: blue; color: white;}"
+          text run at (262,133) width 0: " "
+          text run at (0,152) width 250: "DIV.red {background: red; color: black;}"
+          text run at (250,152) width 0: " "
+          text run at (0,171) width 282: "DIV.green {background: green; color: white;}"
+          text run at (282,171) width 0: " "
+          text run at (0,190) width 149: "DIV.below {clear: both;}"
+          text run at (149,190) width 0: " "
+          text run at (0,209) width 172: "TABLE {margin: 20px 0px;}"
+          text run at (172,209) width 0: " "
+          text run at (0,228) width 0: " "
       RenderBlock {HR} at (0,294) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,303) size 784x38
         RenderText {#text} at (0,0) size 784x38
index 1f70f34..feed363 100644 (file)
@@ -7,24 +7,24 @@ layer at (0,0) size 800x2350
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x171
-        RenderText {#text} at (0,1) size 560x169
-          text run at (0,1) width 344: "P.test {background: white; font-size: 20px;"
-          text run at (344,1) width 0: " "
-          text run at (0,20) width 560: "        margin-left: 30px; margin-right: 10px; padding: 0; border: 0;}"
-          text run at (560,20) width 0: " "
-          text run at (0,39) width 312: "IMG {padding: 0; border: 0; margin: 0;}"
-          text run at (312,39) width 0: " "
-          text run at (0,58) width 200: "P.test IMG {float: left;}"
-          text run at (200,58) width 0: " "
-          text run at (0,77) width 352: "#img2 {margin-top: 30px; margin-left: 30px;}"
-          text run at (352,77) width 0: " "
-          text run at (0,96) width 368: "#img3 {margin-top: -30px; margin-left: -30px;}"
-          text run at (368,96) width 0: " "
-          text run at (0,115) width 384: "#img4 {margin-right: 30px; margin-bottom: 30px;}"
-          text run at (384,115) width 0: " "
-          text run at (0,134) width 400: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
-          text run at (400,134) width 0: " "
-          text run at (0,153) width 0: " "
+        RenderText {#text} at (0,0) size 413x171
+          text run at (0,0) width 266: "P.test {background: white; font-size: 20px;"
+          text run at (266,0) width 0: " "
+          text run at (0,19) width 413: "        margin-left: 30px; margin-right: 10px; padding: 0; border: 0;}"
+          text run at (413,19) width 0: " "
+          text run at (0,38) width 246: "IMG {padding: 0; border: 0; margin: 0;}"
+          text run at (246,38) width 0: " "
+          text run at (0,57) width 139: "P.test IMG {float: left;}"
+          text run at (139,57) width 0: " "
+          text run at (0,76) width 280: "#img2 {margin-top: 30px; margin-left: 30px;}"
+          text run at (280,76) width 0: " "
+          text run at (0,95) width 290: "#img3 {margin-top: -30px; margin-left: -30px;}"
+          text run at (290,95) width 0: " "
+          text run at (0,114) width 313: "#img4 {margin-right: 30px; margin-bottom: 30px;}"
+          text run at (313,114) width 0: " "
+          text run at (0,133) width 323: "#img5 {margin-right: -30px; margin-bottom: -30px;}"
+          text run at (323,133) width 0: " "
+          text run at (0,152) width 0: " "
       RenderBlock {HR} at (0,218) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (30,240) size 744x108 [bgcolor=#FFFFFF]
         RenderText {#text} at (0,0) size 732x108
index 6765551..bb5a3ee 100644 (file)
@@ -1,18 +1,18 @@
-layer at (0,0) size 800x975
+layer at (0,0) size 800x973
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x975
-  RenderBlock {HTML} at (0,0) size 800x975
-    RenderBody {BODY} at (8,8) size 784x959 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x973
+  RenderBlock {HTML} at (0,0) size 800x973
+    RenderBody {BODY} at (8,8) size 784x957 [bgcolor=#CCCCCC]
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 168x55
-          text run at (0,1) width 160: ".one {height: 50px;}"
-          text run at (160,1) width 0: " "
-          text run at (0,20) width 168: ".two {height: 100px;}"
-          text run at (168,20) width 0: " "
-          text run at (0,39) width 0: " "
+        RenderText {#text} at (0,0) size 130x57
+          text run at (0,0) width 124: ".one {height: 50px;}"
+          text run at (124,0) width 0: " "
+          text run at (0,19) width 130: ".two {height: 100px;}"
+          text run at (130,19) width 0: " "
+          text run at (0,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
       RenderBlock (anonymous) at (0,113) size 784x50
         RenderImage {IMG} at (0,0) size 50x50
@@ -29,27 +29,27 @@ layer at (0,0) size 800x975
       RenderBlock (anonymous) at (0,357) size 784x100
         RenderImage {IMG} at (0,0) size 30x100
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,471) size 784x39
+      RenderBlock {P} at (0,471) size 784x38
         RenderText {#text} at (0,0) size 755x38
           text run at (0,0) width 755: "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,19) width 153: "been doubled using the "
-        RenderInline {CODE} at (0,0) size 48x17
-          RenderText {#text} at (153,21) size 48x17
-            text run at (153,21) width 48: "height"
-        RenderText {#text} at (201,19) size 66x19
-          text run at (201,19) width 66: " property)."
-      RenderTable {TABLE} at (0,524) size 784x435 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x433
+        RenderInline {CODE} at (0,0) size 39x19
+          RenderText {#text} at (153,19) size 39x19
+            text run at (153,19) width 39: "height"
+        RenderText {#text} at (192,19) size 66x19
+          text run at (192,19) width 66: " property)."
+      RenderTable {TABLE} at (0,523) size 784x434 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x432
           RenderTableRow {TR} at (0,0) size 782x28
             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x405
-            RenderTableCell {TD} at (0,217) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 782x404
+            RenderTableCell {TD} at (0,216) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x405 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,28) size 770x404 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock (anonymous) at (4,4) size 762x50
                 RenderImage {IMG} at (0,0) size 50x50
                 RenderText {#text} at (0,0) size 0x0
@@ -65,12 +65,12 @@ layer at (0,0) size 800x975
               RenderBlock (anonymous) at (4,248) size 762x100
                 RenderImage {IMG} at (0,0) size 30x100
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,362) size 762x39
+              RenderBlock {P} at (4,362) size 762x38
                 RenderText {#text} at (0,0) size 755x38
                   text run at (0,0) width 755: "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,19) width 153: "been doubled using the "
-                RenderInline {CODE} at (0,0) size 48x17
-                  RenderText {#text} at (153,21) size 48x17
-                    text run at (153,21) width 48: "height"
-                RenderText {#text} at (201,19) size 66x19
-                  text run at (201,19) width 66: " property)."
+                RenderInline {CODE} at (0,0) size 39x19
+                  RenderText {#text} at (153,19) size 39x19
+                    text run at (153,19) width 39: "height"
+                RenderText {#text} at (192,19) size 66x19
+                  text run at (192,19) width 66: " property)."
index bf60544..80e6d2e 100644 (file)
@@ -7,21 +7,21 @@ layer at (0,0) size 802x2618
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x133
-        RenderText {#text} at (0,1) size 360x131
-          text run at (0,1) width 352: ".zero {background-color: silver; margin: 0;}"
-          text run at (352,1) width 0: " "
-          text run at (0,20) width 360: ".one {margin: 0.5in; background-color: aqua;}"
-          text run at (360,20) width 0: " "
-          text run at (0,39) width 352: ".two {margin: 25px; background-color: aqua;}"
-          text run at (352,39) width 0: " "
-          text run at (0,58) width 360: ".three {margin: 5em; background-color: aqua;}"
-          text run at (360,58) width 0: " "
-          text run at (0,77) width 352: ".four {margin: 25%; background-color: aqua;}"
-          text run at (352,77) width 0: " "
-          text run at (0,96) width 168: ".five {margin: 25px;}"
-          text run at (168,96) width 0: " "
-          text run at (0,115) width 360: ".six {margin: -10px; background-color: aqua;}"
-          text run at (360,115) width 0: " "
+        RenderText {#text} at (0,0) size 294x133
+          text run at (0,0) width 270: ".zero {background-color: silver; margin: 0;}"
+          text run at (270,0) width 0: " "
+          text run at (0,19) width 288: ".one {margin: 0.5in; background-color: aqua;}"
+          text run at (288,19) width 0: " "
+          text run at (0,38) width 286: ".two {margin: 25px; background-color: aqua;}"
+          text run at (286,38) width 0: " "
+          text run at (0,57) width 294: ".three {margin: 5em; background-color: aqua;}"
+          text run at (294,57) width 0: " "
+          text run at (0,76) width 286: ".four {margin: 25%; background-color: aqua;}"
+          text run at (286,76) width 0: " "
+          text run at (0,95) width 127: ".five {margin: 25px;}"
+          text run at (127,95) width 0: " "
+          text run at (0,114) width 286: ".six {margin: -10px; background-color: aqua;}"
+          text run at (286,114) width 0: " "
       RenderBlock {HR} at (0,180) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,196) size 784x38
         RenderText {#text} at (0,0) size 749x38
index 0176dc7..02dae3b 100644 (file)
@@ -7,24 +7,24 @@ layer at (0,0) size 800x1793
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x171
-        RenderText {#text} at (0,1) size 416x169
-          text run at (0,1) width 408: ".zero {background-color: silver; margin-bottom: 0;}"
-          text run at (408,1) width 0: " "
-          text run at (0,20) width 416: ".one {margin-bottom: 0.5in; background-color: aqua;}"
-          text run at (416,20) width 0: " "
-          text run at (0,39) width 408: ".two {margin-bottom: 25px; background-color: aqua;}"
-          text run at (408,39) width 0: " "
-          text run at (0,58) width 416: ".three {margin-bottom: 5em; background-color: aqua;}"
-          text run at (416,58) width 0: " "
-          text run at (0,77) width 408: ".four {margin-bottom: 25%; background-color: aqua;}"
-          text run at (408,77) width 0: " "
-          text run at (0,96) width 224: ".five {margin-bottom: 25px;}"
-          text run at (224,96) width 0: " "
-          text run at (0,115) width 416: ".six {margin-bottom: -10px; background-color: aqua;}"
-          text run at (416,115) width 0: " "
-          text run at (0,134) width 176: "P, UL {margin-top: 0;}"
-          text run at (176,134) width 0: " "
-          text run at (0,153) width 0: " "
+        RenderText {#text} at (0,0) size 343x171
+          text run at (0,0) width 319: ".zero {background-color: silver; margin-bottom: 0;}"
+          text run at (319,0) width 0: " "
+          text run at (0,19) width 337: ".one {margin-bottom: 0.5in; background-color: aqua;}"
+          text run at (337,19) width 0: " "
+          text run at (0,38) width 335: ".two {margin-bottom: 25px; background-color: aqua;}"
+          text run at (335,38) width 0: " "
+          text run at (0,57) width 343: ".three {margin-bottom: 5em; background-color: aqua;}"
+          text run at (343,57) width 0: " "
+          text run at (0,76) width 335: ".four {margin-bottom: 25%; background-color: aqua;}"
+          text run at (335,76) width 0: " "
+          text run at (0,95) width 176: ".five {margin-bottom: 25px;}"
+          text run at (176,95) width 0: " "
+          text run at (0,114) width 335: ".six {margin-bottom: -10px; background-color: aqua;}"
+          text run at (335,114) width 0: " "
+          text run at (0,133) width 138: "P, UL {margin-top: 0;}"
+          text run at (138,133) width 0: " "
+          text run at (0,152) width 0: " "
       RenderBlock {HR} at (0,218) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,227) size 784x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 209x19
index 422db4c..14228f4 100644 (file)
@@ -7,89 +7,89 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x38
-        RenderText {#text} at (0,1) size 416x36
-          text run at (0,1) width 408: ".one {margin-bottom: 25px; background-color: aqua;}"
-          text run at (408,1) width 0: " "
-          text run at (0,20) width 416: ".two {margin-bottom: -10px; background-color: aqua;}"
-          text run at (416,20) width 0: " "
+        RenderText {#text} at (0,0) size 340x38
+          text run at (0,0) width 337: ".one {margin-bottom: 25px; background-color: aqua;}"
+          text run at (337,0) width 0: " "
+          text run at (0,19) width 340: ".two {margin-bottom: -10px; background-color: aqua;}"
+          text run at (340,19) width 0: " "
       RenderBlock {HR} at (0,85) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,101) size 784x58 [bgcolor=#808080]
+      RenderBlock {P} at (0,101) size 784x57 [bgcolor=#808080]
         RenderText {#text} at (0,0) size 483x19
           text run at (0,0) width 394: "This element is unstyled save for a background color of gray.. "
           text run at (394,0) width 89: "It contains an "
-        RenderInline {SPAN} at (0,0) size 763x39 [bgcolor=#00FFFF]
+        RenderInline {SPAN} at (0,0) size 763x38 [bgcolor=#00FFFF]
           RenderText {#text} at (483,0) size 144x19
             text run at (483,0) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 24x17
-            RenderText {#text} at (627,2) size 24x17
-              text run at (627,2) width 24: "one"
-          RenderText {#text} at (651,0) size 763x39
+          RenderInline {TT} at (0,0) size 24x19
+            RenderText {#text} at (627,0) size 24x19
+              text run at (627,0) width 24: "one"
+          RenderText {#text} at (651,0) size 763x38
             text run at (651,0) width 112: ", giving it an aqua"
-            text run at (0,20) width 246: "background and a 25px bottom margin"
-        RenderText {#text} at (246,20) size 759x38
-          text run at (246,20) width 8: ". "
-          text run at (254,20) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
-          text run at (0,39) width 295: "this element should have the same line-height."
-      RenderBlock {P} at (0,173) size 784x58 [bgcolor=#808080]
+            text run at (0,19) width 246: "background and a 25px bottom margin"
+        RenderText {#text} at (246,19) size 759x38
+          text run at (246,19) width 8: ". "
+          text run at (254,19) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
+          text run at (0,38) width 295: "this element should have the same line-height."
+      RenderBlock {P} at (0,172) size 784x57 [bgcolor=#808080]
         RenderText {#text} at (0,0) size 483x19
           text run at (0,0) width 394: "This element is unstyled save for a background color of gray.. "
           text run at (394,0) width 89: "It contains an "
-        RenderInline {SPAN} at (0,0) size 763x39 [bgcolor=#00FFFF]
+        RenderInline {SPAN} at (0,0) size 761x38 [bgcolor=#00FFFF]
           RenderText {#text} at (483,0) size 144x19
             text run at (483,0) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 24x17
-            RenderText {#text} at (627,2) size 24x17
-              text run at (627,2) width 24: "two"
-          RenderText {#text} at (651,0) size 763x39
-            text run at (651,0) width 112: ", giving it an aqua"
-            text run at (0,20) width 251: "background and a -10px bottom margin"
-        RenderText {#text} at (251,20) size 764x38
-          text run at (251,20) width 8: ". "
-          text run at (259,20) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
-          text run at (0,39) width 295: "this element should have the same line-height."
-      RenderTable {TABLE} at (0,245) size 784x168 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x166
+          RenderInline {TT} at (0,0) size 22x19
+            RenderText {#text} at (627,0) size 22x19
+              text run at (627,0) width 22: "two"
+          RenderText {#text} at (649,0) size 761x38
+            text run at (649,0) width 112: ", giving it an aqua"
+            text run at (0,19) width 251: "background and a -10px bottom margin"
+        RenderText {#text} at (251,19) size 764x38
+          text run at (251,19) width 8: ". "
+          text run at (259,19) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
+          text run at (0,38) width 295: "this element should have the same line-height."
+      RenderTable {TABLE} at (0,243) size 784x166 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x164
           RenderTableRow {TR} at (0,0) size 782x28
             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x138
-            RenderTableCell {TD} at (0,83) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 782x136
+            RenderTableCell {TD} at (0,82) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x138 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x58 [bgcolor=#808080]
+            RenderTableCell {TD} at (12,28) size 770x136 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x57 [bgcolor=#808080]
                 RenderText {#text} at (0,0) size 483x19
                   text run at (0,0) width 394: "This element is unstyled save for a background color of gray.. "
                   text run at (394,0) width 89: "It contains an "
-                RenderInline {SPAN} at (0,0) size 727x39 [bgcolor=#00FFFF]
+                RenderInline {SPAN} at (0,0) size 727x38 [bgcolor=#00FFFF]
                   RenderText {#text} at (483,0) size 144x19
                     text run at (483,0) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 24x17
-                    RenderText {#text} at (627,2) size 24x17
-                      text run at (627,2) width 24: "one"
-                  RenderText {#text} at (651,0) size 727x39
+                  RenderInline {TT} at (0,0) size 24x19
+                    RenderText {#text} at (627,0) size 24x19
+                      text run at (627,0) width 24: "one"
+                  RenderText {#text} at (651,0) size 727x38
                     text run at (651,0) width 76: ", giving it an"
-                    text run at (0,20) width 282: "aqua background and a 25px bottom margin"
-                RenderText {#text} at (282,20) size 747x38
-                  text run at (282,20) width 8: ". "
-                  text run at (290,20) width 457: "Margins on inline elements does not affect line-height calculations, so all"
-                  text run at (0,39) width 343: "lines in this element should have the same line-height."
-              RenderBlock {P} at (4,76) size 762x58 [bgcolor=#808080]
+                    text run at (0,19) width 282: "aqua background and a 25px bottom margin"
+                RenderText {#text} at (282,19) size 747x38
+                  text run at (282,19) width 8: ". "
+                  text run at (290,19) width 457: "Margins on inline elements does not affect line-height calculations, so all"
+                  text run at (0,38) width 343: "lines in this element should have the same line-height."
+              RenderBlock {P} at (4,75) size 762x57 [bgcolor=#808080]
                 RenderText {#text} at (0,0) size 483x19
                   text run at (0,0) width 394: "This element is unstyled save for a background color of gray.. "
                   text run at (394,0) width 89: "It contains an "
-                RenderInline {SPAN} at (0,0) size 727x39 [bgcolor=#00FFFF]
+                RenderInline {SPAN} at (0,0) size 761x38 [bgcolor=#00FFFF]
                   RenderText {#text} at (483,0) size 144x19
                     text run at (483,0) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 24x17
-                    RenderText {#text} at (627,2) size 24x17
-                      text run at (627,2) width 24: "two"
-                  RenderText {#text} at (651,0) size 727x39
-                    text run at (651,0) width 76: ", giving it an"
-                    text run at (0,20) width 287: "aqua background and a -10px bottom margin"
-                RenderText {#text} at (287,20) size 752x38
-                  text run at (287,20) width 8: ". "
-                  text run at (295,20) width 457: "Margins on inline elements does not affect line-height calculations, so all"
-                  text run at (0,39) width 343: "lines in this element should have the same line-height."
+                  RenderInline {TT} at (0,0) size 22x19
+                    RenderText {#text} at (627,0) size 22x19
+                      text run at (627,0) width 22: "two"
+                  RenderText {#text} at (649,0) size 761x38
+                    text run at (649,0) width 112: ", giving it an aqua"
+                    text run at (0,19) width 251: "background and a -10px bottom margin"
+                RenderText {#text} at (251,19) size 749x38
+                  text run at (251,19) width 8: ". "
+                  text run at (259,19) width 490: "Margins on inline elements does not affect line-height calculations, so all lines"
+                  text run at (0,38) width 310: "in this element should have the same line-height."
index 0cb8382..c3445ec 100644 (file)
-layer at (0,0) size 800x720
+layer at (0,0) size 800x716
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x720
-  RenderBlock {HTML} at (0,0) size 800x720
-    RenderBody {BODY} at (8,8) size 784x704 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x716
+  RenderBlock {HTML} at (0,0) size 800x716
+    RenderBody {BODY} at (8,8) size 784x700 [bgcolor=#CCCCCC]
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x57
-        RenderText {#text} at (0,1) size 360x55
-          text run at (0,1) width 352: ".zero {background-color: silver; margin: 0;}"
-          text run at (352,1) width 0: " "
-          text run at (0,20) width 352: ".one {margin: 25px; background-color: aqua;}"
-          text run at (352,20) width 0: " "
-          text run at (0,39) width 360: ".two {margin: -10px; background-color: aqua;}"
-          text run at (360,39) width 0: " "
+        RenderText {#text} at (0,0) size 291x57
+          text run at (0,0) width 270: ".zero {background-color: silver; margin: 0;}"
+          text run at (270,0) width 0: " "
+          text run at (0,19) width 288: ".one {margin: 25px; background-color: aqua;}"
+          text run at (288,19) width 0: " "
+          text run at (0,38) width 291: ".two {margin: -10px; background-color: aqua;}"
+          text run at (291,38) width 0: " "
       RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,113) size 784x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 209x19
           text run at (0,0) width 209: "This element has a class of zero."
-      RenderBlock {P} at (0,146) size 784x77 [bgcolor=#808080]
+      RenderBlock {P} at (0,146) size 784x76 [bgcolor=#808080]
         RenderText {#text} at (0,0) size 483x19
           text run at (0,0) width 394: "This element is unstyled save for a background color of gray.. "
           text run at (394,0) width 89: "It contains an "
-        RenderInline {SPAN} at (0,0) size 752x39 [bgcolor=#00FFFF]
+        RenderInline {SPAN} at (0,0) size 752x38 [bgcolor=#00FFFF]
           RenderText {#text} at (508,0) size 144x19
             text run at (508,0) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 24x17
-            RenderText {#text} at (652,2) size 24x17
-              text run at (652,2) width 24: "one"
-          RenderText {#text} at (676,0) size 752x39
+          RenderInline {TT} at (0,0) size 24x19
+            RenderText {#text} at (652,0) size 24x19
+              text run at (652,0) width 24: "one"
+          RenderText {#text} at (676,0) size 752x38
             text run at (676,0) width 76: ", giving it an"
-            text run at (0,20) width 234: "aqua background and a 25px margin"
-        RenderText {#text} at (259,20) size 772x57
-          text run at (259,20) width 8: ". "
-          text run at (267,20) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
-          text run at (0,39) width 299: "this element should have the same line-height. "
-          text run at (299,39) width 470: "However, there should be a 25px margin to the left side of the inline box in"
-          text run at (0,58) width 733: "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,237) size 784x19 [bgcolor=#C0C0C0]
+            text run at (0,19) width 234: "aqua background and a 25px margin"
+        RenderText {#text} at (259,19) size 772x57
+          text run at (259,19) width 8: ". "
+          text run at (267,19) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
+          text run at (0,38) width 299: "this element should have the same line-height. "
+          text run at (299,38) width 470: "However, there should be a 25px margin to the left side of the inline box in"
+          text run at (0,57) width 733: "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,236) size 784x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 209x19
           text run at (0,0) width 209: "This element has a class of zero."
-      RenderBlock {P} at (0,270) size 784x77 [bgcolor=#808080]
+      RenderBlock {P} at (0,269) size 784x76 [bgcolor=#808080]
         RenderText {#text} at (0,0) size 483x19
           text run at (0,0) width 394: "This element is unstyled save for a background color of gray.. "
           text run at (394,0) width 89: "It contains an "
-        RenderInline {SPAN} at (0,0) size 753x39 [bgcolor=#00FFFF]
+        RenderInline {SPAN} at (0,0) size 751x38 [bgcolor=#00FFFF]
           RenderText {#text} at (473,0) size 144x19
             text run at (473,0) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 24x17
-            RenderText {#text} at (617,2) size 24x17
-              text run at (617,2) width 24: "two"
-          RenderText {#text} at (641,0) size 753x39
-            text run at (641,0) width 112: ", giving it an aqua"
-            text run at (0,20) width 203: "background and a -10px margin"
-        RenderText {#text} at (193,20) size 772x57
-          text run at (193,20) width 8: ". "
-          text run at (201,20) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
-          text run at (0,39) width 273: "element should have the same line-height. "
-          text run at (273,39) width 499: "However, there should be a -10px margin to the left side of the inline box in the"
-          text run at (0,58) width 714: "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 (0,361) size 784x19 [bgcolor=#C0C0C0]
+          RenderInline {TT} at (0,0) size 22x19
+            RenderText {#text} at (617,0) size 22x19
+              text run at (617,0) width 22: "two"
+          RenderText {#text} at (639,0) size 751x38
+            text run at (639,0) width 112: ", giving it an aqua"
+            text run at (0,19) width 203: "background and a -10px margin"
+        RenderText {#text} at (193,19) size 772x57
+          text run at (193,19) width 8: ". "
+          text run at (201,19) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
+          text run at (0,38) width 273: "element should have the same line-height. "
+          text run at (273,38) width 499: "However, there should be a -10px margin to the left side of the inline box in the"
+          text run at (0,57) width 714: "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 (0,359) size 784x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 209x19
           text run at (0,0) width 209: "This element has a class of zero."
-      RenderTable {TABLE} at (0,380) size 784x324 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x322
+      RenderTable {TABLE} at (0,378) size 784x322 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x320
           RenderTableRow {TR} at (0,0) size 782x28
             RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               RenderInline {STRONG} at (0,0) size 159x20
                 RenderText {#text} at (4,4) size 159x20
                   text run at (4,4) width 159: "TABLE Testing Section"
-          RenderTableRow {TR} at (0,28) size 782x294
-            RenderTableCell {TD} at (0,161) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+          RenderTableRow {TR} at (0,28) size 782x292
+            RenderTableCell {TD} at (0,160) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (4,4) size 4x19
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x294 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (12,28) size 770x292 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               RenderBlock {P} at (4,4) size 762x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 209x19
                   text run at (0,0) width 209: "This element has a class of zero."
-              RenderBlock {P} at (4,37) size 762x96 [bgcolor=#808080]
+              RenderBlock {P} at (4,37) size 762x95 [bgcolor=#808080]
                 RenderText {#text} at (0,0) size 483x19
                   text run at (0,0) width 394: "This element is unstyled save for a background color of gray.. "
                   text run at (394,0) width 89: "It contains an "
-                RenderInline {SPAN} at (0,0) size 752x39 [bgcolor=#00FFFF]
+                RenderInline {SPAN} at (0,0) size 752x38 [bgcolor=#00FFFF]
                   RenderText {#text} at (508,0) size 144x19
                     text run at (508,0) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 24x17
-                    RenderText {#text} at (652,2) size 24x17
-                      text run at (652,2) width 24: "one"
-                  RenderText {#text} at (676,0) size 752x39
+                  RenderInline {TT} at (0,0) size 24x19
+                    RenderText {#text} at (652,0) size 24x19
+                      text run at (652,0) width 24: "one"
+                  RenderText {#text} at (676,0) size 752x38
                     text run at (676,0) width 76: ", giving it an"
-                    text run at (0,20) width 234: "aqua background and a 25px margin"
-                RenderText {#text} at (259,20) size 757x76
-                  text run at (259,20) width 8: ". "
-                  text run at (267,20) width 490: "Margins on inline elements does not affect line-height calculations, so all lines"
-                  text run at (0,39) width 314: "in this element should have the same line-height. "
-                  text run at (314,39) width 428: "However, there should be a 25px margin to the left side of the inline"
-                  text run at (0,58) 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,77) width 56: "appears."
-              RenderBlock {P} at (4,147) size 762x19 [bgcolor=#C0C0C0]
+                    text run at (0,19) width 234: "aqua background and a 25px margin"
+                RenderText {#text} at (259,19) size 757x76
+                  text run at (259,19) width 8: ". "
+                  text run at (267,19) width 490: "Margins on inline elements does not affect line-height calculations, so all lines"
+                  text run at (0,38) width 314: "in this element should have the same line-height. "
+                  text run at (314,38) width 428: "However, there should be a 25px margin to the left side of the inline"
+                  text run at (0,57) 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,76) width 56: "appears."
+              RenderBlock {P} at (4,146) size 762x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 209x19
                   text run at (0,0) width 209: "This element has a class of zero."
-              RenderBlock {P} at (4,180) size 762x77 [bgcolor=#808080]
+              RenderBlock {P} at (4,179) size 762x76 [bgcolor=#808080]
                 RenderText {#text} at (0,0) size 483x19
                   text run at (0,0) width 394: "This element is unstyled save for a background color of gray.. "
                   text run at (394,0) width 89: "It contains an "
-                RenderInline {SPAN} at (0,0) size 753x39 [bgcolor=#00FFFF]
+                RenderInline {SPAN} at (0,0) size 751x38 [bgcolor=#00FFFF]
                   RenderText {#text} at (473,0) size 144x19
                     text run at (473,0) width 144: "inline element of class "
-                  RenderInline {TT} at (0,0) size 24x17
-                    RenderText {#text} at (617,2) size 24x17
-                      text run at (617,2) width 24: "two"
-                  RenderText {#text} at (641,0) size 753x39
-                    text run at (641,0) width 112: ", giving it an aqua"
-                    text run at (0,20) width 203: "background and a -10px margin"
-                RenderText {#text} at (193,20) size 748x57
-                  text run at (193,20) width 8: ". "
-                  text run at (201,20) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
-                  text run at (0,39) width 273: "element should have the same line-height. "
-                  text run at (273,39) width 475: "However, there should be a -10px margin to the left side of the inline box in"
-                  text run at (0,58) width 738: "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,271) size 762x19 [bgcolor=#C0C0C0]
+                  RenderInline {TT} at (0,0) size 22x19
+                    RenderText {#text} at (617,0) size 22x19
+                      text run at (617,0) width 22: "two"
+                  RenderText {#text} at (639,0) size 751x38
+                    text run at (639,0) width 112: ", giving it an aqua"
+                    text run at (0,19) width 203: "background and a -10px margin"
+                RenderText {#text} at (193,19) size 748x57
+                  text run at (193,19) width 8: ". "
+                  text run at (201,19) width 531: "Margins on inline elements does not affect line-height calculations, so all lines in this"
+                  text run at (0,38) width 273: "element should have the same line-height. "
+                  text run at (273,38) width 475: "However, there should be a -10px margin to the left side of the inline box in"
+                  text run at (0,57) width 738: "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,269) size 762x19 [bgcolor=#C0C0C0]
                 RenderText {#text} at (0,0) size 209x19
                   text run at (0,0) width 209: "This element has a class of zero."
index 3e74687..1cfc323 100644 (file)
@@ -7,19 +7,19 @@ layer at (0,0) size 800x1011
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x114
-        RenderText {#text} at (0,1) size 408x112
-          text run at (0,1) width 392: ".zero {background-color: silver; margin-left: 0;}"
-          text run at (392,1) width 0: " "
-          text run at (0,20) width 400: ".one {margin-left: 0.5in; background-color: aqua;}"
-          text run at (400,20) width 0: " "
-          text run at (0,39) width 392: ".two {margin-left: 25px; background-color: aqua;}"
-          text run at (392,39) width 0: " "
-          text run at (0,58) width 400: ".three {margin-left: 5em; background-color: aqua;}"
-          text run at (400,58) width 0: " "
-          text run at (0,77) width 392: ".four {margin-left: 25%; background-color: aqua;}"
-          text run at (392,77) width 0: " "
-          text run at (0,96) width 408: ".five {margin-left: -10px; background-color: aqua;}"
-          text run at (408,96) width 0: " "
+        RenderText {#text} at (0,0) size 318x114
+          text run at (0,0) width 294: ".zero {background-color: silver; margin-left: 0;}"
+          text run at (294,0) width 0: " "
+          text run at (0,19) width 312: ".one {margin-left: 0.5in; background-color: aqua;}"
+          text run at (312,19) width 0: " "
+          text run at (0,38) width 310: ".two {margin-left: 25px; background-color: aqua;}"
+          text run at (310,38) width 0: " "
+          text run at (0,57) width 318: ".three {margin-left: 5em; background-color: aqua;}"
+          text run at (318,57) width 0: " "
+          text run at (0,76) width 310: ".four {margin-left: 25%; background-color: aqua;}"
+          text run at (310,76) width 0: " "
+          text run at (0,95) width 315: ".five {margin-left: -10px; background-color: aqua;}"
+          text run at (315,95) width 0: " "
       RenderBlock {HR} at (0,161) size 784x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,177) size 784x19 [bgcolor=#C0C0C0]
         RenderText {#text} at (0,0) size 209x19
index 9954442..eb8109c 100644 (file)
@@ -7,93 +7,93 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 354x19
           text run at (0,0) width 354: "The style declarations which apply to the text below are:"
       RenderBlock {PRE} at (0,33) size 784x38
-        RenderText {#text} at (0,1) size 400x36
-          text run at (0,1) width 392: ".one {margin-left: 25px; background-color: aqua;}"
-          text run at (392,1) width 0: " "
-          text run at (0,20) width 400: ".two {margin-left: -10px; background-color: aqua;}"
-          text run at (400,20) width 0: " "
+        RenderText {#text} at (0,0) size 315x38
+          text run at (0,0) width 312: ".one {margin-left: 25px; background-color: aqua;}"
+          text run at (312,0) width 0: " "
+          text run at (0,19) width 315: ".two {margin-left: -10px; background-color: aqua;}"
+          text run at (315,19) width 0: " "
       RenderBlock {HR} at (0,85) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,101) size 784x40 [bgcolor=#808080]
+      RenderBlock {P} at (0,101) size 784x39 [bgcolor=#808080]
         RenderText {#text} at (0,0) size 542x19
           text run at (0,0) width 390: "This element is unstyled save for a background color of gray. "
           text run at (390,0) width 152: "However, it contains an "
         RenderInline {SPAN} at (0,0) size 168x19 [bgcolor=#00FFFF]
           RenderText {#text} at (567,0) size 144x19
             text run at (567,0) width 144: "inline element of class "
-          RenderInline {TT} at (0,0) size 24x17
-            RenderText {#text} at (711,2) size 24x17
-              text run at (711,2) width 24: "one"
-        RenderText {#text} at (735,0) size 779x39
+          RenderInline {TT} at (0,0) size 24x19
+            RenderText {#text} at (711,0) size 24x19
+              text run at (711,0) width 24: "one"
+        RenderText {#text} at (735,0) size 779x38
           text run at (735,0) width 44: ", which"
-          text run at (0,20) width 294: "should result in 25-pixel left margin only in the "
+          text run at (0,19) width 294: "should result in 25-pixel left margin only in the "
         RenderInline {STRONG} at (0,0) size 27x20
-          RenderText {#text} at (294,20) size 27x20
-            text run at (294,20) width 27: "first"
-        RenderText {#text} at (321,20) size 229x19
-          text run at (321,20) width 229: " line in which the inline box appears."
-      RenderBlock {P} at (0,155) size 784x40