[css-pseudo-4] Move paragraphs around.

Author: fantasai

css-pseudo-4/Overview.bs

@@ -278,7 +278,8 @@ The ::first-letter pseudo-element</h3>
 
   The <dfn>::first-letter</dfn> pseudo-element represents
   the first <a>typographic letter unit</a> [[!CSS-TEXT-3]]
-  on the <a>first formatted line</a> of its <a>originating element</a>.
+  on the <a>first formatted line</a> of its <a>originating element</a>,
+  its <dfn>first-letter text</dfn>.
   The ''::first-letter'' pseudo-element can be used
   to create “initial caps” and “drop caps”,
   which are common typographic effects.
@@ -292,20 +293,6 @@ The ::first-letter pseudo-element</h3>
     </pre>
   </div>
 
-  Punctuation (i.e, characters that belong to the Punctuation (<code>P*</code>) <a>Unicode general category</a> [[!UAX44]])
-  that precedes or follows the first <a>typographic letter unit</a>
-  and any intervening space separators
-  (characters that belong to the <code>Zs</code> Unicode general category [[!UAX44]])
-  must also be included as part of the <dfn>first-letter text</dfn>
-  in the ''::first-letter'' pseudo-element.
-
-  <div class="figure">
-      <img alt="Quotes that precede the first letter should be included." src="images/first-letter2.gif">
-  </div>
-
-  Note: Note that the first <a>typographic letter unit</a> may in fact
-  be a digit, e.g., the “6” in “67 million dollars is a lot of money.”
-
   As explained in [[!CSS-TEXT-3]],
   a <a>typographic letter unit</a> can include more than one Unicode codepoint.
   For example, combining characters must be kept with their base character.
@@ -317,6 +304,20 @@ The ::first-letter pseudo-element</h3>
   the UA should tailor its definition of <a>typographic letter unit</a>
   to reflect the first-letter traditions of the ''::first-letter'' pseudo-element’s <em>containing block</em>’s content language.
 
+  Note: Note that the first <a>typographic letter unit</a> may in fact
+  be a digit, e.g., the “6” in “67 million dollars is a lot of money.”
+
+  Punctuation (i.e, characters that belong to the Punctuation (<code>P*</code>) <a>Unicode general category</a> [[!UAX44]])
+  that precedes or follows the first <a>typographic letter unit</a>
+  and any intervening space separators
+  (characters that belong to the <code>Zs</code> Unicode general category [[!UAX44]])
+  must also be included as part of the [=first-letter text=]
+  in the ''::first-letter'' pseudo-element.
+
+  <div class="figure">
+      <img alt="Quotes that precede the first letter should be included." src="images/first-letter2.gif">
+  </div>
+
 <h4 id="first-letter-application">
 Finding the First Letter Text</h4>