[css-line-grid] snapping example clarifications

Author: astearns

css-line-grid/Overview.html

@@ -76,7 +76,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>CSS Line Grid Module Level 1</h1>
   <h2 class="no-num no-toc no-ref heading settled" id=subtitle><span class=content>Editor’s Draft,
-    <span class=dt-updated><span class=value-title title=20140902>2 September 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140904>4 September 2014</span></span></span></h2>
   <div data-fill-with=spec-metadata><dl>
 	<dt>This version:
 	<dd><a class=u-url href=http://dev.w3.org/csswg/css-line-grid/>http://dev.w3.org/csswg/css-line-grid/</a>
@@ -493,20 +493,22 @@ <h3 class="heading settled" data-level=3.1 id=line-snap><span class=secno>3.1 </
 		the block containing the elements is centered. 
 		In a centered situation, 
 		you have to align baselines 
-		while maintaining centering.</p>
+		while maintaining centering. 
+		This can be done in two shift-and-center steps.</p>
 
-<p>This can be done in two shift-and-center steps.
-		First, shift the snapping lines 
-		as if there were no centering 
-		(as in figure 8 above), 
+<p>First, shift the snapping lines
+		as if the block was top-aligned  
+		(as in figure 9 above), 
 		then remove the shift 
-		for the very first snapping line 
-		and center the block. 
-		You can see the result 
+		for the very first snapping line. 
+		After removing the first shift, 
+		try centering the block. 
+		This is almost certain 
+		to throw the baseline alignment off. 
+		You can see one such result 
 		in the partial shifting figure below.</p>
 
-<p>In the second step,
-		measure the distance 
+<p>Second, measure the distance
 		from the first snapped line’s baseline 
 		to the grid lines above and below, 
 		looking for the closest grid line 
@@ -560,8 +562,8 @@ <h3 class="heading settled" data-level=3.1 id=line-snap><span class=secno>3.1 </
 		but is simpler than the centered case.</p>
 
 <p>First, shift the snapping lines
-		as if there were no centering 
-		(as in figure 8 above), 
+		as if there were no end-alignment  
+		(as in figure 9 above), 
 		then end-align the block.</p>
 
 <p>Second, shift the entire block contents upwards

css-line-grid/Overview.src.html

@@ -399,20 +399,22 @@ <h3 id='line-snap'>
 		the block containing the elements is centered. 
 		In a centered situation, 
 		you have to align baselines 
-		while maintaining centering.
-
+		while maintaining centering. 
 		This can be done in two shift-and-center steps. 
+		
 		First, shift the snapping lines 
-		as if there were no centering 
-		(as in figure 8 above), 
+		as if the block was top-aligned  
+		(as in figure 9 above), 
 		then remove the shift 
-		for the very first snapping line 
-		and center the block. 
-		You can see the result 
+		for the very first snapping line. 
+		After removing the first shift, 
+		try centering the block. 
+		This is almost certain 
+		to throw the baseline alignment off. 
+		You can see one such result 
 		in the partial shifting figure below.
 
-		In the second step, 
-		measure the distance 
+		Second, measure the distance
 		from the first snapped line's baseline 
 		to the grid lines above and below, 
 		looking for the closest grid line 
@@ -470,8 +472,8 @@ <h3 id='line-snap'>
 		but is simpler than the centered case.
 
 		First, shift the snapping lines 
-		as if there were no centering 
-		(as in figure 8 above), 
+		as if there were no end-alignment  
+		(as in figure 9 above), 
 		then end-align the block.
 
 		Second, shift the entire block contents upwards