[css-align] Rephrase/rearrange the justify-self abspos section a little for clarity.

Author: tabatkins

css-align/Overview.bs

@@ -417,12 +417,12 @@ Overflow Alignment: the ''safe'' and ''true'' keywords</h3>
 
 <!--
                    ██████   ███████  ██    ██ ████████ ████████ ██    ██ ████████
- ██   ██          ██    ██ ██     ██ ███   ██    ██    ██       ███   ██    ██   
-  ██ ██           ██       ██     ██ ████  ██    ██    ██       ████  ██    ██   
-█████████ ███████ ██       ██     ██ ██ ██ ██    ██    ██████   ██ ██ ██    ██   
-  ██ ██           ██       ██     ██ ██  ████    ██    ██       ██  ████    ██   
- ██   ██          ██    ██ ██     ██ ██   ███    ██    ██       ██   ███    ██   
-                   ██████   ███████  ██    ██    ██    ████████ ██    ██    ██   
+ ██   ██          ██    ██ ██     ██ ███   ██    ██    ██       ███   ██    ██
+  ██ ██           ██       ██     ██ ████  ██    ██    ██       ████  ██    ██
+█████████ ███████ ██       ██     ██ ██ ██ ██    ██    ██████   ██ ██ ██    ██
+  ██ ██           ██       ██     ██ ██  ████    ██    ██       ██  ████    ██
+ ██   ██          ██    ██ ██     ██ ██   ███    ██    ██       ██   ███    ██
+                   ██████   ███████  ██    ██    ██    ████████ ██    ██    ██
 -->
 
 <h2 id='content-distribution'>
@@ -586,12 +586,12 @@ Overflow and Scroll Positions</h3>
 
 <!--
                    ██████  ████████ ██       ████████
- ██   ██          ██    ██ ██       ██       ██      
-  ██ ██           ██       ██       ██       ██      
-█████████ ███████  ██████  ██████   ██       ██████  
-  ██ ██                 ██ ██       ██       ██      
- ██   ██          ██    ██ ██       ██       ██      
-                   ██████  ████████ ████████ ██      
+ ██   ██          ██    ██ ██       ██       ██
+  ██ ██           ██       ██       ██       ██
+█████████ ███████  ██████  ██████   ██       ██████
+  ██ ██                 ██ ██       ██       ██
+ ██   ██          ██    ██ ██       ██       ██
+                   ██████  ████████ ████████ ██
 -->
 
 <h2 id='self-alignment'>
@@ -666,11 +666,17 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
 		<dd>
 			The 'justify-self' property applies along its containing block's <a>inline axis</a>.
 
-			When neither margin in this dimension is ''margin/auto''
-			and neither offset property in this dimension is ''top/auto'',
-			values other than ''justify-self/stretch'' cause <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">non-replaced absolutely-positioned boxes</a>
-			to use shrink-to-fit sizing for calculating ''width/auto'' measures,
-			and 'justify-self' dictates alignment as follows:
+			If either margin in this dimension is ''margin/auto'',
+			or either offset property in this dimension is ''top/auto'',
+			'justify-self' has no effect.
+			Otherwise, its effects are defined below.
+
+			The ''justify-self/auto'' keyword behaves as ''start'' on replaced absolutely-positioned boxes,
+			and behaves as ''justify-self/stretch'' on all other absolutely-positioned boxes.
+			(This is because CSS 2.1 does not stretch replaced elements to fit into fixed offsets.)
+
+			Values other than ''justify-self/stretch'' cause <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">non-replaced absolutely-positioned boxes</a>
+			to use shrink-to-fit sizing for calculating ''width/auto'' measures.
 
 			The <a>alignment container</a> is the box's containing block
 			as modified by the offset properties ('top'/'right'/'bottom'/'left').
@@ -682,9 +688,6 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
 			are ignored in favor of alignment as specified here
 			and the used value of the offset properties are not adjusted to correct for the over-constraint.
 
-			The ''justify-self/auto'' keyword is equivalent to ''start'' on replaced absolutely-positioned boxes,
-			and equivalent to ''justify-self/stretch'' on all other absolutely-positioned boxes.
-			(This is because CSS 2.1 does not stretch replaced elements to fit into fixed offsets.)
 
 		<dt>Table Cells:
 		<dd>
@@ -839,13 +842,13 @@ Baseline Self-Alignment</h3>
 	This may increase the intrinsic size contribution of the <a>alignment subject</a>.
 
 <!--
-                  ████ ████████ ████████ ██     ██  ██████ 
+                  ████ ████████ ████████ ██     ██  ██████
  ██   ██           ██     ██    ██       ███   ███ ██    ██
-  ██ ██            ██     ██    ██       ████ ████ ██      
-█████████ ███████  ██     ██    ██████   ██ ███ ██  ██████ 
+  ██ ██            ██     ██    ██       ████ ████ ██
+█████████ ███████  ██     ██    ██████   ██ ███ ██  ██████
   ██ ██            ██     ██    ██       ██     ██       ██
  ██   ██           ██     ██    ██       ██     ██ ██    ██
-                  ████    ██    ████████ ██     ██  ██████ 
+                  ████    ██    ████████ ██     ██  ██████
 -->
 
 <h2 id='default-alignment'>
@@ -936,11 +939,11 @@ Block/Cross-Axis Alignment: the 'align-items' property</h3>
 
 <!--
 ████████     ███     ██████  ████████ ██       ████ ██    ██ ████████
-██     ██   ██ ██   ██    ██ ██       ██        ██  ███   ██ ██      
-██     ██  ██   ██  ██       ██       ██        ██  ████  ██ ██      
-████████  ██     ██  ██████  ██████   ██        ██  ██ ██ ██ ██████  
-██     ██ █████████       ██ ██       ██        ██  ██  ████ ██      
-██     ██ ██     ██ ██    ██ ██       ██        ██  ██   ███ ██      
+██     ██   ██ ██   ██    ██ ██       ██        ██  ███   ██ ██
+██     ██  ██   ██  ██       ██       ██        ██  ████  ██ ██
+████████  ██     ██  ██████  ██████   ██        ██  ██ ██ ██ ██████
+██     ██ █████████       ██ ██       ██        ██  ██  ████ ██
+██     ██ ██     ██ ██    ██ ██       ██        ██  ██   ███ ██
 ████████  ██     ██  ██████  ████████ ████████ ████ ██    ██ ████████
 -->