[css-inline-3] Editorial cleanup on 'initial-letter' section.

Author: fantasai

css-inline-3/Overview.bs

@@ -628,8 +628,19 @@ Creating Initial Letters: the 'initial-letters' property</h3>
 	ISSUE: Renaming this property (and the others in this section)
 	is currently <a href="https://github.com/w3c/csswg-drafts/issues/2950">under discussion</a>.
 
-	This property specifies styling for dropped, raised, and sunken initial letters
-	by specifying their <a lt="initial letter size">size</a> and <a lt="initial letter sink">sink</a>.
+	This property specifies
+	the <a lt="initial letter size">size</a> and <a lt="initial letter sink">sink</a>
+	for dropped, raised, and sunken initial letters
+	as the number of lines spanned.
+
+	<div class="example">
+		For example, the following code will create
+		a 2-line dropped initial letter
+		at the beginning of each paragraph
+		that immediately follows a second-level heading:
+		<pre>h2 + p::first-letter { initial-letters: 2; }</pre>
+	</div>
+
 	It takes the following values:
 
 	<dl dfn-for=initial-letters dfn-type=value>
@@ -667,10 +678,11 @@ Creating Initial Letters: the 'initial-letters' property</h3>
 	If the <a>initial letter sink</a> value is omitted,
 	''drop'' is assumed.
 
-	An <dfn lt="initial letter | initial letter box">initial letter</dfn> is
-	an <a>in-flow</a> box
-	to which 'initial-letters' applies and is not ''initial-letters/normal'';
-	this triggers the special layout considerations described below.
+	Values other than ''initial-letters/normal''
+	cause the affected box to become an
+	<dfn lt="initial letter | initial letter box">initial letter box</dfn>,
+	which is an <a>in-flow</a> <a>inline-level box</a>
+	with special layout behavior.
 
 	<div class="example">
 		Here are some examples of 'initial-letters' usage:
@@ -712,11 +724,6 @@ Creating Initial Letters: the 'initial-letters' property</h3>
 		</dl>
 	</div>
 
-	<div class="example">
-		The following code will create a 2-line dropped initial letter at the beginning of each paragraph:
-		<pre>p::first-letter { initial-letters: 2; }</pre>
-	</div>
-
 <h4 id="first-most-inline-level">
 Applicability</h4>
 
@@ -747,26 +754,30 @@ Applicability</h4>
 		is not:
 
 		<xmp>
-			<p><span><em><b>This phrase</b> is styled</em> <strong>specially</strong>. &hellip;</span>
+			<p><span><em><b>This</b> phrase</em> is styled
+			<strong>specially</strong>.</span> …
 		</xmp>
 
 		If we apply the following rules:
 
 		<pre>
 			em { initial-letters: 2; }
-			b { initial-letters: 3; }
+			b, strong { initial-letters: 3; }
 		</pre>
 
+		The 'initial-letters' property will take effect only on the <code>&lt;em></code>.
+		The styling on <code>&lt;b></code>
+		is ignored,
+		as it has an ancestor already styled as an <a>initial letter</a>;
+		and the styling on <code>&lt;strong></code> is ignored
+		because it is a second sibling.
+
 		The result might be rendered as
 
-			<figure>
-				<img src="images/first-most-inline-level-descendant-example.png" width="300"
-		     alt="text with two-line initial-letter">
-			</figure>
-		
-		(Note that the styling on <code>&lt;b></code>
-		is ignored,
-		as it has an ancestor already styled as an <a>initial letter</a>.)
+		<figure>
+			<img src="images/firstmost-inline.png"
+			     alt="“This phrase” becomes the dropped text spanning two lines, the remainder of the text wrapping alongside.">
+		</figure>
 	</div>
 
 	If 'initial-letters' is applied to an <a>inline-level box</a>
@@ -775,14 +786,14 @@ Applicability</h4>
 	its <a>used value</a> is ''initial-letters/normal'',
 	and it is not formatted as an <a>initial letter</a>.
 
-	Note: The 'initial-letters' property cannot apply to any element
-	whose 'float' is not ''float/none'' or 'position' is not ''static'',
-	because these values cause its 'display' to compute to ''display/block''.
-
 	The effect of the 'initial-letters' property is undefined
 	on children of <a>ruby</a> base container boxes
 	and on <a>ruby</a> container boxes.
 
+	Note: The 'initial-letters' property cannot apply to any element
+	whose 'float' is not ''float/none'' or 'position' is not ''static'',
+	because these values cause its 'display' to compute to ''display/block''.
+
 <h4 id="initial-letter-properties">
 Properties</h4>