[css-sizing-4] Move cycling a-r details into their own subsection.

Author: tabatkins

css-sizing-4/Overview.bs

@@ -275,7 +275,7 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
 	<div class="example">
 		In the following example:
 
-		<pre>
+		<pre highlight=css>
 			&lt;div id=container style="height: 100px; float: left;">
 				&lt;div id=item style="height: 100%; aspect-ratio: 1/1;">content&lt;/div>
 			&lt;/div>
@@ -285,7 +285,7 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
 		the width of the item resolves to 100px for both its intrinsic size contributions as well as for final layout,
 		so the container also sizes to a width of 100px.
 
-		<pre>
+		<pre highlight=css>
 			&lt;div id=container style="height: auto; float: left;">
 				&lt;div id=item style="height: 100%; aspect-ratio: 1/1;">content&lt;/div>
 			&lt;/div>
@@ -303,6 +303,21 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
 		to the width of the word “content”.
 	</div>
 
+	Note: Having a [=preferred aspect ratio=] does not make a box into a [=replaced element=];
+	layout rules specific to [=replaced elements=] generally
+	do not apply to [=non-replaced=] boxes with a [=preferred aspect ratio=].
+	For example, a [=non-replaced=] [=absolutely-positioned=] box
+	treats ''justify-self: normal'' as ''justify-self/stretch'', not as ''justify-self/start''
+	([[CSS-ALIGN-3#justify-abspos]]).
+
+	ISSUE: CSS2.1 does not cleanly differentiate between
+	replaced elements vs. elements with an aspect ratio;
+	need to figure out specific cases that are unclear and define them,
+	either in the appropriate Level 3 spec or here.
+
+<h4 id='aspect-ratio-cyclic'>
+Cyclic Aspect-Ratio Calculations</h4>
+
 	On non-replaced elements with an ''width/auto'' <a>inline size</a>
 	(or any replaced element whose intrinsic <a>block size</a>
 	depends on its <a>inline size</a>),
@@ -334,18 +349,6 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
 		taking into account the ''height/min-content'' minimum.
 	</div>
 
-	Note: Having a [=preferred aspect ratio=] does not make a box into a [=replaced element=];
-	layout rules specific to [=replaced elements=] generally
-	do not apply to [=non-replaced=] boxes with a [=preferred aspect ratio=].
-	For example, a [=non-replaced=] [=absolutely-positioned=] box
-	treats ''justify-self: normal'' as ''justify-self/stretch'', not as ''justify-self/start''
-	([[CSS-ALIGN-3#justify-abspos]]).
-
-	ISSUE: CSS2.1 does not cleanly differentiate between
-	replaced elements vs. elements with an aspect ratio;
-	need to figure out specific cases that are unclear and define them,
-	either in the appropriate Level 3 spec or here.
-
 <h4 id="aspect-ratio-minimum">
 Automatic Content-based Minimum Sizes</h4>