Shift paragraph describing the use of static position above its calculation, and make note about intentions more precise.

Author: fantasai

css3-flexbox/Overview.html

@@ -1003,6 +1003,23 @@ <h3 id=abspos-items><span class=secno>4.1. </span> Absolutely-Positioned
    computed from its <dfn id=flex-item-static-position>static position</dfn>,
    as follows:
 
+  <p> If both ‘<code class=property>left</code>’ and ‘<code
+   class=property>right</code>’ are ‘<a href="#align-self-auto"><code
+   class=css>auto</code></a>’, the <a href="#flex-item"><i>flex
+   item</i></a> must be positioned so that its <a
+   href="#main-start"><i>main-start</i></a> or <a
+   href="#cross-start"><i>cross-start</i></a> edge (whichever is in the
+   horizontal axis) is aligned with the <a
+   href="#flex-item-static-position"><i>static position</i></a>. If both
+   ‘<code class=property>top</code>’ and ‘<code
+   class=property>bottom</code>’ are ‘<a href="#align-self-auto"><code
+   class=css>auto</code></a>’, the <a href="#flex-item"><i>flex
+   item</i></a> must be positioned so that its <a
+   href="#main-start"><i>main-start</i></a> or <a
+   href="#cross-start"><i>cross-start</i></a> edge (whichever is in the
+   vertical axis) is aligned with the <a
+   href="#flex-item-static-position"><i>static position</i></a>.
+
   <p> In the <a href="#main-axis"><i>main axis</i></a>,
 
   <ol>
@@ -1048,34 +1065,27 @@ <h3 id=abspos-items><span class=secno>4.1. </span> Absolutely-Positioned
     </ul>
   </ol>
 
-  <p> In the <a href="#cross-axis"><i>cross axis</i></a>, if there is a
-   preceding in-flow <a href="#flex-item"><i>flex item</i></a>, the <a
-   href="#flex-item-static-position"><i>static position</i></a> is the <a
-   href="#cross-start"><i>cross-start</i></a> edge of the <i>flex-line</i>
-   that item is in. Otherwise, the <a
-   href="#flex-item-static-position"><i>static position</i></a> is the
-   <i>cross-start edge</i> of the first <i>flex line</i>.
+  <p> In the <a href="#cross-axis"><i>cross axis</i></a>,
 
-  <p> If both ‘<code class=property>left</code>’ and ‘<code
-   class=property>right</code>’ are ‘<a href="#align-self-auto"><code
-   class=css>auto</code></a>’, the <a href="#flex-item"><i>flex
-   item</i></a> must be positioned so that its <a
-   href="#main-start"><i>main-start</i></a> or <a
-   href="#cross-start"><i>cross-start</i></a> edge (whichever is in the
-   horizontal axis) is aligned with the <a
-   href="#flex-item-static-position"><i>static position</i></a>. If both
-   ‘<code class=property>top</code>’ and ‘<code
-   class=property>bottom</code>’ are ‘<a href="#align-self-auto"><code
-   class=css>auto</code></a>’, the <a href="#flex-item"><i>flex
-   item</i></a> must be positioned so that its <a
-   href="#main-start"><i>main-start</i></a> or <a
-   href="#cross-start"><i>cross-start</i></a> edge (whichever is in the
-   vertical axis) is aligned with the <a
-   href="#flex-item-static-position"><i>static position</i></a>.
+  <ol>
+   <li> If there is a preceding in-flow <a href="#flex-item"><i>flex
+    item</i></a>, the <a href="#flex-item-static-position"><i>static
+    position</i></a> is the <a href="#cross-start"><i>cross-start</i></a>
+    edge of the <i>flex-line</i> that item is in.
+
+   <li> Otherwise, the <a href="#flex-item-static-position"><i>static
+    position</i></a> is the <i>cross-start edge</i> of the first <i>flex
+    line</i>.
+  </ol>
 
-  <p class=note> These rules are intended to more-or-less match what the
-   position would be if the abspos was a 0x0 in-flow flex item that
-   participated in flex layout.
+  <p class=note> The static position is intended to more-or-less match the
+   position of an anonymous 0×0 in-flow flex item that participates in flex
+   layout, the only difference being that any packing spaces due to ‘<code
+   class=css>justify-content: space-around</code>’ or ‘<code
+   class=css>justify-content: space-between</code>’ are suppressed around
+   the hypothetical item: between it and the next item if there is a real
+   item after it, else between it and the previous item (if any) if there
+   isn't.
 
   <h3 id=item-margins><span class=secno>4.2. </span> Flex Item Margins</h3>
 

css3-flexbox/Overview.src.html

@@ -669,6 +669,18 @@ <h3 id='abspos-items'>
 		then the used value of those properties 
 		are computed from its <dfn id='flex-item-static-position'>static position</dfn>, as follows:
 
+	<p>
+		If both 'left' and 'right' are ''auto'',
+		the <i>flex item</i> must be positioned so that
+		its <i>main-start</i> or <i>cross-start</i> edge
+		(whichever is in the horizontal axis)
+		is aligned with the <i>static position</i>.
+		If both 'top' and 'bottom' are ''auto'',
+		the <i>flex item</i> must be positioned so that
+		its <i>main-start</i> or <i>cross-start</i> edge
+		(whichever is in the vertical axis)
+		is aligned with the <i>static position</i>.
+
 	<p>
 		In the <i>main axis</i>,
 
@@ -700,28 +712,24 @@ <h3 id='abspos-items'>
 
 	<p>
 		In the <i>cross axis</i>,
-		if there is a preceding in-flow <i>flex item</i>,
-		the <i>static position</i> is the <i>cross-start</i> edge of the <i>flex-line</i>
-		that item is in.
-		Otherwise, the <i>static position</i> is the <i>cross-start edge</i> of the first <i>flex line</i>.
-
-	<p>
-		If both 'left' and 'right' are ''auto'',
-		the <i>flex item</i> must be positioned so that
-		its <i>main-start</i> or <i>cross-start</i> edge
-		(whichever is in the horizontal axis)
-		is aligned with the <i>static position</i>.
-		If both 'top' and 'bottom' are ''auto'',
-		the <i>flex item</i> must be positioned so that
-		its <i>main-start</i> or <i>cross-start</i> edge
-		(whichever is in the vertical axis)
-		is aligned with the <i>static position</i>.
 
+	<ol>
+		<li>
+			If there is a preceding in-flow <i>flex item</i>,
+			the <i>static position</i> is the <i>cross-start</i> edge of the <i>flex-line</i>
+			that item is in.
+		<li>
+			Otherwise, the <i>static position</i> is the <i>cross-start edge</i> of the first <i>flex line</i>.
+	</ol>
 
 	<p class='note'>
-		These rules are intended to more-or-less match
-		what the position would be if the abspos was a 0x0 in-flow flex item 
-		that participated in flex layout.
+		The static position is intended to more-or-less match the position of
+		an anonymous 0&times;0 in-flow flex item that participates in flex layout,
+		the only difference being that any packing spaces due to
+		''justify-content: space-around'' or ''justify-content: space-between''
+		are suppressed around the hypothetical item:
+		between it and the next item if there is a real item after it,
+		else between it and the previous item (if any) if there isn't.
 
 <h3 id='item-margins'>
 Flex Item Margins</h3>