[css-inline] fix error in examples where arguments to intial-letters were reversed. Clarify exclusion around ininitial letters by using glyph bounding box.

Author: dauwhe

css-inline/Overview.bs

@@ -2408,15 +2408,15 @@ Some styles of drop initials do not align with the first line of text. For examp
 <pre>
 
 p::first-letter {
-  initial-letters: 3 2;
+  initial-letters: 2 3;
 }
 
 </pre>
 
 </div>
 
 
-If the second argument is ''1'', that creates a pure raised initial letter (often called “raised cap” or “stick-up cap.”
+If the first argument is ''1'', that creates a pure raised initial letter (often called “raised cap” or “stick-up cap.”
 
 
 <div class="example">
@@ -2428,7 +2428,7 @@ If the second argument is ''1'', that creates a pure raised initial letter (ofte
 <pre>
 
 p::first-letter {
-  initial-letters: 3 1;
+  initial-letters: 1 3;
 }
 
 </pre>
@@ -2444,13 +2444,13 @@ If an initial letter has a descender, it could crash into the (n+1)th line of te
 <p class="caption">Incorrect: three-line initial letter with descender</p>
 </figure>
 
-Text should be excluded around the glyph(s) used as initial letters:
+Text should be excluded around the glyph bounding boxes of the initial letters:
 
 
 
 <figure>
 <img alt="3-line drop cap with J, but four-line exclusion"  src="Dropcap-J-3line-exclude.png" width="480">
-<p class="caption">Correct: text excluded around glyph</p>
+<p class="caption">Correct: text excluded around glyph bounding box</p>
 </figure>
 
 <p class="issue">When the initial letter has a descender, we can say that the other text should be excluded around the em-square. But for characters without descenders, this is undesirable. How do we spec this?</p>