[css-sizing-4][editorial] More editorial tweaking.

Author: tabatkins

css-sizing-4/Overview.bs

@@ -151,7 +151,7 @@ Aspect Ratios</h2>
 	and for altering the effective aspect ratio of replaced elements.
 
 <h3 id="aspect-ratio">
-Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
+Preferred Aspect Ratios: the 'aspect-ratio' property</h3>
 
 	<pre class="propdef">
 	Name: aspect-ratio
@@ -172,14 +172,14 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
 			<a>Replaced elements</a> with an <a>intrinsic aspect ratio</a>
 			use that aspect ratio;
 			otherwise the box has no <a>preferred aspect ratio</a>.
-			Size calculations involving <a>intrinsic aspect ratio</a>
+			Size calculations involving the aspect ratio
 			work with the <a>content box</a> dimensions always.
 
 		<dt><dfn><<ratio>></dfn>
 		<dd>
 			The box’s <a>preferred aspect ratio</a> is the specified ratio
 			of ''<var>width</var> / <var>height</var>''.
-			Size calculations involving <a>preferred aspect ratio</a>
+			Size calculations involving the aspect ratio
 			work with the dimensions of the box specified by 'box-sizing'.
 
 		<dt><dfn>auto && <<ratio>></dfn>
@@ -189,16 +189,17 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
 			of ''<var>width</var> / <var>height</var>''
 			unless it is a [=replaced element=] with an [=intrinsic aspect ratio=],
 			in which case that aspect ratio is used instead.
-			In all cases, size calculations involving this aspect ratio
+			In all cases, size calculations involving the aspect ratio
 			work with the [=content box=] dimensions always.
 	</dl>
 
 	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=].
+	layout rules specific to [=replaced elements=]
+	do not generally 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]]).
+	([[CSS-ALIGN-3#justify-abspos]]),
+	even if it has a [=preferred aspect ratio=]
 
 	ISSUE: CSS2.1 does not cleanly differentiate between
 	replaced elements vs. elements with an aspect ratio;
@@ -253,9 +254,6 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
 		</pre>
 	</div>
 
-<h4 id="aspect-ratio-intrinsic-replaced">
-Intrinsic Sizes Of Replaced Elements</h4>
-
 	If a replaced element's only [=intrinsic dimension=]
 	is an intrinsic width or an intrinsic height,
 	giving it a [=preferred aspect ratio=]
@@ -265,7 +263,7 @@ Intrinsic Sizes Of Replaced Elements</h4>
 	through the [=preferred aspect ratio=].
 
 <h3 id="aspect-ratio-automatic">
-Automatic Sizes In The Presence Of A Preferred Aspect Ratio</h3>
+Effects of Preferred Aspect Ratio on Automatic Sizes</h3>
 
 	When a box has a [=preferred aspect ratio=],
 	its <a>automatic sizes</a>
@@ -289,7 +287,7 @@ Automatic Sizes In The Presence Of A Preferred Aspect Ratio</h3>
 	it can have no effect on its [=preferred sizes=].
 
 <h4 id="aspect-ratio-margin-collapse">
-Margin-collapse</h4>
+Margin-collapsing</h4>
 
 	For the purpose of margin collapsing ([[css2/box#collapsing-margins]]),
 	if the [=block axis=] is the [=ratio-dependent axis=],
@@ -303,15 +301,15 @@ Automatic Content-based Minimum Sizes</h3>
 	of a box with a <a>preferred aspect ratio</a>
 	that is neither a <a>replaced element</a> nor a <a>scroll container</a>
 	is its <a>min-content size</a>
-	clamped from above by its <a>maximum size</a>.
+	capped by its <a>maximum size</a>.
 
 	<div class="example">
 		In the following example,
 		the box is as wide as the container (as usual),
 		and its height is as tall as needed to contain its content
 		but at least as tall as it is wide.
 
-		<pre>
+		<pre highlight=css>
 		  div {
 		    aspect-ratio: 1/1;
 		    /* 'width' and 'height' both default to 'auto' */
@@ -333,7 +331,7 @@ Automatic Content-based Minimum Sizes</h3>
 		even the box with excess content maintains the 1:1 aspect ratio
 		(and handles overflow by becoming scrollable instead, as usual).
 
-		<pre>
+		<pre highlight=css>
 		  div {
 		    overflow: auto;
 		    aspect-ratio: 1/1;
@@ -353,7 +351,7 @@ Automatic Content-based Minimum Sizes</h3>
 		but will result in content overflowing the box
 		if it is not otherwise handled.
 
-		<pre>
+		<pre highlight=css>
 		  div {
 		    aspect-ratio: 1/1;
 		    min-height: 0;
@@ -374,7 +372,8 @@ Automatic Content-based Minimum Sizes</h3>
 	<div class="example">
 		This automatic minimum operates in both axes.
 		Consider this example:
-		<pre>
+
+		<pre highlight=html>
 			&lt;div style="height: 100px; aspect-ratio: 1/1;">
 				&lt;span style="display: inline-block; width: 50px;">&lt;/span>
 				&lt;span style="display: inline-block; width: 150px;">&lt;/span>
@@ -464,7 +463,8 @@ Cyclic Aspect-Ratio Calculations</h4>
 
 	<div class="example">
 		For example, given a (<a>horizontal writing mode</a>) element with
-		<pre>
+
+		<pre highlight=css>
 		  width: auto;
 		  min-height: min-content;
 		  aspect-ratio: 1/1;