Move examples above boring stuff in text-combine.

Author: fantasai

css3-writing-modes/Overview.html

@@ -3092,41 +3092,6 @@ <h3 id=text-combine-horizontal><span class=secno>9.1. </span>
    and &lsquo;<code class=css>none</code>&rsquo; are marked at-risk. Which
    ones should we take to CR?
 
-  <p>When combining text as for &lsquo;<code
-   class=css>text-combine-horizontal: all</code>&rsquo;, the glyphs of the
-   combined text are stacked horizontally (without line breaks,
-   letter-spacing, etc., but using the specified font settings), similar to
-   the contents of an inline-box with a horizontal writing mode and a
-   line-height of 1em. The effective size of the composition is assumed to be
-   1em square; anything outside the square is not measured for layout
-   purposes. The UA should center the glyphs horizontally and vertically
-   within the measured 1em square. The baseline of the resulting composition
-   chosen such that the square is centered between the text-over and
-   text-under baselines of its parent inline box prior to any baseline
-   alignment shift. For text layout purposes, e.g. bidi ordering,
-   line-breaking, emphasis marks, text-decoration, etc. the resulting
-   composition is treated as a single glyph representing the Object
-   Replacement Character U+FFFC.
-
-  <p>In some fonts, the ideographic glyphs are given a compressed design such
-   that they are 1em wide but shorter than 1em tall. To accommodate such
-   fonts, the UA may vertically scale the contents of the composition to
-   match the advance height of 水 U+6C34.
-   <!-- 水 U+6C34 was chosen because it is a very basic character common to
-    all Han-based scripts, so would have to appear in any usable ideographic
-    font; and its shape is very full in both dimensions, so it would be
-    unlikely to be shortened in a proportional font -->
-   
-
-  <p>The automatic text combinations are determined before &lsquo;<code
-   class=property>text-transform</code>&rsquo; is applied. Any CSS fullwidth
-   transformations (&lsquo;<code class=css>text-transform:
-   full-width</code>&rsquo; <a href="#CSS3TEXT"
-   rel=biblioentry>[CSS3TEXT]<!--{{CSS3TEXT}}--></a> or &lsquo;<code
-   class=css>font-variant-east-asian-width: full-width</code>&rsquo; <a
-   href="#CSS3FONT" rel=biblioentry>[CSS3FONT]<!--{{CSS3FONT}}--></a>) are
-   turned off for combined text of more than one character.
-
   <div class=example>
    <p>In East Asian documents, the &lsquo;<a
     href="#text-combine-horizontal0"><code
@@ -3176,6 +3141,41 @@ <h3 id=text-combine-horizontal><span class=secno>9.1. </span>
    </div>
   </div>
 
+  <p>When combining text as for &lsquo;<code
+   class=css>text-combine-horizontal: all</code>&rsquo;, the glyphs of the
+   combined text are stacked horizontally (without line breaks,
+   letter-spacing, etc., but using the specified font settings), similar to
+   the contents of an inline-box with a horizontal writing mode and a
+   line-height of 1em. The effective size of the composition is assumed to be
+   1em square; anything outside the square is not measured for layout
+   purposes. The UA should center the glyphs horizontally and vertically
+   within the measured 1em square. The baseline of the resulting composition
+   chosen such that the square is centered between the text-over and
+   text-under baselines of its parent inline box prior to any baseline
+   alignment shift. For text layout purposes, e.g. bidi ordering,
+   line-breaking, emphasis marks, text-decoration, etc. the resulting
+   composition is treated as a single glyph representing the Object
+   Replacement Character U+FFFC.
+
+  <p>In some fonts, the ideographic glyphs are given a compressed design such
+   that they are 1em wide but shorter than 1em tall. To accommodate such
+   fonts, the UA may vertically scale the contents of the composition to
+   match the advance height of 水 U+6C34.
+   <!-- 水 U+6C34 was chosen because it is a very basic character common to
+    all Han-based scripts, so would have to appear in any usable ideographic
+    font; and its shape is very full in both dimensions, so it would be
+    unlikely to be shortened in a proportional font -->
+   
+
+  <p>The automatic text combinations are determined before &lsquo;<code
+   class=property>text-transform</code>&rsquo; is applied. Any CSS fullwidth
+   transformations (&lsquo;<code class=css>text-transform:
+   full-width</code>&rsquo; <a href="#CSS3TEXT"
+   rel=biblioentry>[CSS3TEXT]<!--{{CSS3TEXT}}--></a> or &lsquo;<code
+   class=css>font-variant-east-asian-width: full-width</code>&rsquo; <a
+   href="#CSS3FONT" rel=biblioentry>[CSS3FONT]<!--{{CSS3FONT}}--></a>) are
+   turned off for combined text of more than one character.
+
   <h3 id=text-combine-mode><span class=secno>9.2. </span>
    Horizontal-in-Vertical Glyph Scaling: the &lsquo;<a
    href="#text-combine-mode0"><code

css3-writing-modes/Overview.src.html

@@ -2280,38 +2280,6 @@ <h3 id="text-combine-horizontal">
   <p class="issue">All values except ''all'' and ''none'' are marked at-risk.
     Which ones should we take to CR?</p>
 
-  <p>When combining text as for ''text-combine-horizontal: all'', the
-    glyphs of the combined text are stacked horizontally (without line
-    breaks, letter-spacing, etc., but using the specified font settings),
-    similar to the contents of an inline-box with a horizontal writing
-    mode and a line-height of 1em. The effective size of the composition
-    is assumed to be 1em square; anything outside the square is not
-    measured for layout purposes. The UA should center the glyphs
-    horizontally and vertically within the measured 1em square.
-    The baseline of the resulting composition chosen such that the
-    square is centered between the text-over and text-under baselines
-    of its parent inline box prior to any baseline alignment shift.
-    For text layout purposes,
-    e.g. bidi ordering, line-breaking, emphasis marks, text-decoration,
-    etc. the resulting composition is treated as a single glyph
-    representing the Object Replacement Character U+FFFC.
-
-  <p>In some fonts, the ideographic glyphs are given a compressed design
-    such that they are 1em wide but shorter than 1em tall. To accommodate
-    such fonts, the UA may vertically scale the contents of the composition
-    to match the advance height of 水 U+6C34.
-  <!-- 水 U+6C34 was chosen because it is a very basic character common to
-    all Han-based scripts, so would have to appear in any usable ideographic
-    font; and its shape is very full in both dimensions, so it would be
-    unlikely to be shortened in a proportional font -->
-
-  <p>The automatic text combinations are determined before 'text-transform' is
-    applied.
-    Any CSS fullwidth transformations
-    (''text-transform: full-width'' [[CSS3TEXT]] or
-    ''font-variant-east-asian-width: full-width'' [[CSS3FONT]])
-    are turned off for combined text of more than one character.
-
   <div class="example">
     <p>In East Asian documents, the ''text-combine-horizontal'' effect is often
       used to display Latin-based strings such as components of a date or
@@ -2351,6 +2319,38 @@ <h3 id="text-combine-horizontal">
     </div>
   </div>
 
+  <p>When combining text as for ''text-combine-horizontal: all'', the
+    glyphs of the combined text are stacked horizontally (without line
+    breaks, letter-spacing, etc., but using the specified font settings),
+    similar to the contents of an inline-box with a horizontal writing
+    mode and a line-height of 1em. The effective size of the composition
+    is assumed to be 1em square; anything outside the square is not
+    measured for layout purposes. The UA should center the glyphs
+    horizontally and vertically within the measured 1em square.
+    The baseline of the resulting composition chosen such that the
+    square is centered between the text-over and text-under baselines
+    of its parent inline box prior to any baseline alignment shift.
+    For text layout purposes,
+    e.g. bidi ordering, line-breaking, emphasis marks, text-decoration,
+    etc. the resulting composition is treated as a single glyph
+    representing the Object Replacement Character U+FFFC.
+
+  <p>In some fonts, the ideographic glyphs are given a compressed design
+    such that they are 1em wide but shorter than 1em tall. To accommodate
+    such fonts, the UA may vertically scale the contents of the composition
+    to match the advance height of 水 U+6C34.
+  <!-- 水 U+6C34 was chosen because it is a very basic character common to
+    all Han-based scripts, so would have to appear in any usable ideographic
+    font; and its shape is very full in both dimensions, so it would be
+    unlikely to be shortened in a proportional font -->
+
+  <p>The automatic text combinations are determined before 'text-transform' is
+    applied.
+    Any CSS fullwidth transformations
+    (''text-transform: full-width'' [[CSS3TEXT]] or
+    ''font-variant-east-asian-width: full-width'' [[CSS3FONT]])
+    are turned off for combined text of more than one character.
+
 <h3 id="text-combine-mode">
 Horizontal-in-Vertical Glyph Scaling: the 'text-combine-mode' property</h3>