[css-text] add example for letter-spacing ligature rule

Author: fantasai

css-text/Overview.html

@@ -10,7 +10,7 @@
    rel=dcterms.rights>
   <meta content="CSS Text Module Level 3 (CSS3 Text)" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2013-07-16 name=dcterms.date>
+  <meta content=2013-07-17 name=dcterms.date>
   <meta content="Elika J. Etemad" name=dcterms.creator>
   <meta content="Koji Ishii" name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
@@ -68,12 +68,12 @@
 
    <h1>CSS Text Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 July 2013</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 17 July 2013</h2>
 
    <dl>
     <dt>This version:</dt>
     <!--
-    <dd><a href="http://www.w3.org/TR/2013/WD-css3-text-20130716/">http://www.w3.org/TR/2013/WD-css3-text-20130716/</a></dd>
+    <dd><a href="http://www.w3.org/TR/2013/WD-css3-text-20130717/">http://www.w3.org/TR/2013/WD-css3-text-20130717/</a></dd>
 -->
 
     <dd><a
@@ -2702,6 +2702,10 @@ <h3 id=letter-spacing><span class=secno>8.2. </span> Tracking: the ‘<a
    class=property>letter-spacing</code></a>’), user agents should not apply
    optional ligatures.
 
+  <p class=example> For example, if the word “filial” is letter-spaced,
+   an “fi” ligature should not be used as it will prevent even spacing of
+   the text.
+
   <p>UAs may apply letter-spacing to cursive scripts. In this case, UAs
    should extend the space between disjoint characters as specified above
    <em>and</em> extend the visible connection between cursively connected
@@ -3170,13 +3174,12 @@ <h3 id=bidi-linebox><span class=secno>9.3. </span> Bidirectionality and
 
    <p>As expected, the "Hello!" should be displayed LTR (i.e. with the
     exclamation mark on the right end, despite the
-    <code>&lt;textarea></code>‘<code class=css>s </code>’‘<code
-    class=css>direction:rtl</code>’‘<code class=css>) and left-aligned.
-    This makes the empty line following it left-aligned as well, which means
-    that the caret on that line should appear at its left edge. The first
-    empty line, on the other hand, should be right-aligned, due to the RTL
-    direction of its containing paragraph, the <code>&lt;textarea></code>.
-    </code>
+    <code>&lt;textarea></code>’s ‘<code
+    class=css>direction:rtl</code>’) and left-aligned. This makes the empty
+    line following it left-aligned as well, which means that the caret on
+    that line should appear at its left edge. The first empty line, on the
+    other hand, should be right-aligned, due to the RTL direction of its
+    containing paragraph, the <code>&lt;textarea></code>.
   </div>
 
   <h2 id=conformance><span class=secno>10. </span> Conformance</h2>
@@ -3296,7 +3299,7 @@ <h3 id=testing><span class=secno>10.5. </span>Non-Experimental
    W3C are subject to review and correction by the CSS Working Group.
 
   <p>Further information on submitting testcases and implementation reports
-   can be found from on the CSS Working Group’s website at <a
+   can be found from on the CSS Working Group's website at <a
    href="http://www.w3.org/Style/CSS/Test/">http://www.w3.org/Style/CSS/Test/</a>.
    Questions should be directed to the <a
    href="http://lists.w3.org/Archives/Public/public-css-testsuite">public-css-testsuite@w3.org</a>

css-text/Overview.src.html

@@ -2016,6 +2016,11 @@ <h3 id="letter-spacing">
       or non-zero computed 'letter-spacing'),
       user agents should not apply optional ligatures.</p>
 
+    <p class="example">
+      For example, if the word “filial” is letter-spaced,
+      an “fi” ligature should not be used
+      as it will prevent even spacing of the text.
+
     <p>UAs may apply letter-spacing to cursive scripts. In this case, UAs
       should extend the space between disjoint characters as specified above
       <em>and</em> extend the visible connection between cursively connected
@@ -2338,7 +2343,7 @@ <h3 id="bidi-linebox">
 
     <p>As expected, the "Hello!" should be displayed LTR
       (i.e. with the exclamation mark on the right end,
-      despite the <code>&lt;textarea></code>'s ''direction:rtl'')
+      despite the <code>&lt;textarea></code>’s ''direction:rtl'')
       and left-aligned.
       This makes the empty line following it left-aligned as well,
       which means that the caret on that line should appear at its