[css-text] Shift around some examples wrt grapheme clusters.

Author: fantasai

css-text/Overview.bs

@@ -150,6 +150,18 @@ Terminology</h3>
     The UA may further tailor the definition as required by typographical tradition.
 
   <div class="example">
+    <p>For example,
+      in some scripts such as Myanmar or Devanagari,
+      the typographic unit for 'letter-spacing' is an entire syllable,
+      which may include multiple [[!UAX29]] <i>grapheme clusters</i>.
+  </div>
+
+  <div class="example">
+    <p>In other scripts such as Thai or Lao,
+      the typographic unit for 'letter-spacing' is more than a single Unicode codepoint,
+      but less than a [[!UAX29]] <i>grapheme cluster</i>,
+      and may require decomposition or other substitutions.
+
     <p>For example,
       to properly letter-space the Thai word คำ (U+0E04 + U+0E33),
       the U+0E33 needs to be decomposed into U+0E4D + U+0E32,
@@ -1912,11 +1924,6 @@ Word Spacing: the 'word-spacing' property</h3>
     without breaking its cursive connections,
     it <em>must not</em> apply spacing
     between any pair of that script's <i>letters</i> at all.
-    
-    <p>In some scripts such as Thai or Lao,
-    the UA may apply the additional spacing within a <i>character</i> sometimes along with decompositions.
-    In other scripts such as Myanmar,
-    the UA may disallow applying the additional spacing between a specific pair of <i>characters</i> such as within a syllable.
 
 <h2 id="edge-effects">
   Edge Effects</h2>

css-text/Overview.html

@@ -316,6 +316,18 @@ <h3 class="heading settled heading" data-level=1.3 id=terms><span class=secno>1.
     The UA may further tailor the definition as required by typographical tradition.
 
   <div class=example>
+    <p>For example,
+      in some scripts such as Myanmar or Devanagari,
+      the typographic unit for <a class=property data-link-type=propdesc href=#propdef-letter-spacing title=letter-spacing>letter-spacing</a> is an entire syllable,
+      which may include multiple <a data-biblio-type=normative data-link-type=biblio href=#uax29 title=uax29>[UAX29]</a> <a data-link-type=dfn href=#grapheme-cluster0 title="grapheme clusters">grapheme clusters</a>.
+  </div>
+
+  <div class=example>
+    <p>In other scripts such as Thai or Lao,
+      the typographic unit for <a class=property data-link-type=propdesc href=#propdef-letter-spacing title=letter-spacing>letter-spacing</a> is more than a single Unicode codepoint,
+      but less than a <a data-biblio-type=normative data-link-type=biblio href=#uax29 title=uax29>[UAX29]</a> <a data-link-type=dfn href=#grapheme-cluster0 title="grapheme cluster">grapheme cluster</a>,
+      and may require decomposition or other substitutions.
+
     <p>For example,
       to properly letter-space the Thai word คำ (U+0E04 + U+0E33),
       the U+0E33 needs to be decomposed into U+0E4D + U+0E32,
@@ -2045,11 +2057,6 @@ <h3 class="heading settled heading" data-level=8.2 id=letter-spacing-property><s
     it <em>must not</em> apply spacing
     between any pair of that script’s <a data-link-type=dfn href=#letter0 title=letters>letters</a> at all.
 
-    <p>In some scripts such as Thai or Lao,
-    the UA may apply the additional spacing within a <a data-link-type=dfn href=#character title=character>character</a> sometimes along with decompositions.
-    In other scripts such as Myanmar,
-    the UA may disallow applying the additional spacing between a specific pair of <a data-link-type=dfn href=#character title=characters>characters</a> such as within a syllable.
-
 <h2 class="heading settled heading" data-level=9 id=edge-effects><span class=secno>9 </span><span class=content>
   Edge Effects</span><a class=self-link href=#edge-effects></a></h2>