[css-text] Provide better guidance on 'text-justify: auto'

Author: fantasai

css-text/Overview.bs

@@ -1430,16 +1430,18 @@ Canonical order: N/A
       <dt><dfn>auto</dfn></dt>
         <dd>The UA determines the justification algorithm to follow, based
           on a balance between performance and adequate presentation quality.
-          <p class="note">One possible algorithm is to choose the appropriate justification behavior
-          based on the language of the paragraph
+          UAs should, where possible, use a justification algorithm appropriate to the text.
+          <p class="example">
+          For example, the UA could use by default a justification method that is a
+          simple universal compromise for all writing systems,
+          such as primarily expanding <i>word separators</i>
+          along with secondarily expanding between CJK and Southeast Asian <i>letters</i>.
+          Then, in cases where the content language of the paragraph is known, 
+          it could choose a more language-tailored justification behavior
           e.g. following [[JLREQ]] for Japanese,
           using cursive elongation for Arabic,
           using ''inter-word'' for English,
           etc.
-          Another possibility is to use a justification method that is a
-          simple universal compromise for all writing systems,
-          such as primarily expanding <i>word separators</i>
-          along with secondarily expanding between CJK and Southeast Asian <i>letters</i>.
 
         <div class="figure" id="fig-text-justify-cursive">
           <p>

css-text/Overview.html

@@ -1573,16 +1573,18 @@ <h3 class="heading settled heading" data-level=7.3 id=text-justify-property><spa
       <dt><dfn class=css-code data-dfn-for=text-justify data-dfn-type=value data-export="" id=valuedef-auto>auto<a class=self-link href=#valuedef-auto></a></dfn></dt>
         <dd>The UA determines the justification algorithm to follow, based
           on a balance between performance and adequate presentation quality.
-          <p class=note>One possible algorithm is to choose the appropriate justification behavior
-          based on the language of the paragraph
+          UAs should, where possible, use a justification algorithm appropriate to the text.
+          <p class=example>
+          For example, the UA could use by default a justification method that is a
+          simple universal compromise for all writing systems,
+          such as primarily expanding <a data-link-type=dfn href=#word-separator title="word separators">word separators</a>
+          along with secondarily expanding between CJK and Southeast Asian <a data-link-type=dfn href=#letter0 title=letters>letters</a>.
+          Then, in cases where the content language of the paragraph is known, 
+          it could choose a more language-tailored justification behavior
           e.g. following <a data-biblio-type=informative data-link-type=biblio href=#jlreq title=jlreq>[JLREQ]</a> for Japanese,
           using cursive elongation for Arabic,
           using <a class=css data-link-type=maybe href=#valuedef-inter-word title=inter-word>inter-word</a> for English,
           etc.
-          Another possibility is to use a justification method that is a
-          simple universal compromise for all writing systems,
-          such as primarily expanding <a data-link-type=dfn href=#word-separator title="word separators">word separators</a>
-          along with secondarily expanding between CJK and Southeast Asian <a data-link-type=dfn href=#letter0 title=letters>letters</a>.
 
         <div class=figure id=fig-text-justify-cursive>
           <p>