[css-ruby-1] Split narrow-cell alignment example so that it more clearly applies to both space-around and space-between. #770

Author: fantasai

css-ruby-1/Overview.bs

@@ -1182,37 +1182,41 @@ Ruby Text Distribution: the 'ruby-align' property</h3>
 			As for ''ruby-align/space-between''
 			except that there exists an extra [=justification opportunities=]
 			whose space is distributed half before and half after the ruby content.
-			<div class="example">
-				Since a typical implementation will by default define [=justification opportunities=]
-				between every adjacent pair of CJK [=characters=]
-				and not between adjacent pairs of Latin [=characters=],
-				this should result in the behavior recommended by [[JLREQ]]:
-				for wide-cell ruby content to be distributed...
-				<div class="figure">
-					<img width="145" height="91"
-					     alt="Diagram of glyph layout in auto aligned ruby when ruby text is shorter than base"
-					     src="images/ra-ds.gif" >
-					<img width="145" height="91"
-					     alt="Diagram of glyph layout in auto aligned ruby when ruby text is longer than base"
-					     src="images/ra-ds-rb.gif" >
-					<p class="caption">Wide-cell text in ''ruby-align/space-around'' ruby distribution is spaced apart
-				</div>
 
-				... and narrow-cell glyph ruby to be centered.
-				<div class="figure">
-					<img width="145" height="91"
-					     alt="Diagram of glyph layout in auto aligned ruby when halfwidth ruby text is shorter than base"
-					     src="images/ra-c-h.gif" >
-					<img width="145" height="91"
-					     alt="Diagram of character layout in auto aligned ruby when ruby text is longer than narrow-width base"
-					     src="images/ra-c-rb-h.gif" >
-					<p class="caption">Narrow-width ruby text in ''ruby-align/space-around'' ruby distribution is centered
-				</div>
+			<div class="figure">
+				<img width="145" height="91"
+				     alt="Diagram of glyph layout in auto aligned ruby when ruby text is shorter than base"
+				     src="images/ra-ds.gif" >
+				<img width="145" height="91"
+				     alt="Diagram of glyph layout in auto aligned ruby when ruby text is longer than base"
+				     src="images/ra-ds-rb.gif" >
+				<p class="caption">''ruby-align/space-around'' ruby distribution
 			</div>
 		</dd>
 	</dl>
 
+	<div class="example">
+		Since a typical implementation will by default define [=justification opportunities=]
+		between every adjacent pair of CJK [=characters=]
+		but not between adjacent pairs of Latin [=characters=],
+		the ''space-around'' and ''space-between'' values
+		will result in wide characters being distributed,
+		but narrow characters centered:
+		<div class="figure">
+			<img width="145" height="91"
+			     alt="Diagram of glyph layout in auto aligned ruby when halfwidth ruby text is shorter than base"
+			     src="images/ra-c-h.gif" >
+			<img width="145" height="91"
+			     alt="Diagram of character layout in auto aligned ruby when ruby text is longer than narrow-width base"
+			     src="images/ra-c-rb-h.gif" >
+			<p class="caption">Narrow-width ruby text in ''ruby-align/space-around'' and ''ruby-align/space-between'' ruby distribution are centered
+		</div>
+
+		The distribution of space can be further controlled via 'text-justify'. [[CSS-TEXT-3]]
+	</div>
+
 	Issue: Add a paragraph explaining how to distribute space in situations with [=spanning annotations=].
+
 <!--
 	For a complex ruby with spanning elements, one additional consideration is
 	required. If the spanning element spans multiple 'rows' (other rbc or rtc