[css-position-3] Rewrap the abspos height section

Author: tabatkins

css-position-3/Overview.bs

@@ -922,100 +922,108 @@ The width of absolute or fixed positioned, replaced elements</h3>
 <!-- End section: The width of absolute or fixed positioned, replaced element -->
 
 <h3 id="abs-non-replaced-height">
-The height of absolute or fixed positioned, non-replaced elements</h3>
+The Height Of Absolutely Positioned, Non-Replaced Elements</h3>
 
-	For absolutely positioned elements, the used values of the vertical dimensions must
-	satisfy this constraint:
+	For absolutely positioned elements, 
+	the used values of the vertical dimensions 
+	must satisfy this constraint:
 
 	<code>
 		'top' + <span>'margin-top'</span> + <span>'border-top-width'</span> + <span>'padding-top'</span> + 'height' +
 		<span>'padding-bottom'</span> + <span>'border-bottom-width'</span> + <span>'margin-bottom'</span> + 'bottom'
 		= <span>height of containing block</span>
 	</code>
 
-	If all three of 'top', 'height', and 'bottom' are <css>auto</css>: First set any <css>auto</css>
-	values for 'margin-top' and 'margin-bottom' to ''0'', then set 'top' to the static
-	position, and finally apply rule number <em>three</em> below.
-
-	If none of the three are <css>auto</css>: If both 'margin-top' and 'margin-bottom' are <css>auto</css>,
-	solve the equation under the extra constraint that the two margins get equal values. If
-	one of 'margin-top' or 'margin-bottom' is <css>auto</css>, solve the equation for that value. If
-	the values are over-constrained, ignore the value for 'bottom' and solve for that value.
-
-	Otherwise, set <css>auto</css> values for 'margin-top' and 'margin-bottom' to ''0'', and pick
-	one of the following six rules that apply.
-
-	<ol>
-		<li>
-		If 'top' and 'height' are <css>auto</css> and 'bottom' is not <css>auto</css>, then the height is
-		based on the <a href="#root-height">Auto heights for block formatting context
-		roots</a>, and solve for 'top'.
-
-		<li>
-		If 'top' and 'bottom' are <css>auto</css> and 'height' is not <css>auto</css>, then set 'top' to
-		the static position, then solve for 'bottom'.
-
-		<li>
-		If 'height' and 'bottom' are <css>auto</css> and 'top' is not <css>auto</css>, then the height is
-		based on the <a href="#root-height">Auto heights for block formatting context
-		roots</a>, and solve for 'bottom'.
-
-		<li>
-		If 'top' is <css>auto</css>, 'height' and 'bottom' are not <css>auto</css>, then solve for 'top'.
-
-		<li>
-		If 'height' is <css>auto</css>, 'top' and 'bottom' are not <css>auto</css>, then solve for 'height'.
-
-		<li>
-		If 'bottom' is <css>auto</css>, 'top' and 'height' are not <css>auto</css>, then solve for 'bottom'.
-	</ol>
-<!-- End section: The height of absolute or fixed positioned, non-replaced element -->
+	If all three of 'top', 'height', and 'bottom' are ''top/auto'': 
+	First set any ''top/auto'' values for 'margin-top' and 'margin-bottom' to ''0'', 
+	then set 'top' to the static position, 
+	and finally apply rule number <em>three</em> below.
+
+	If none of the three are ''top/auto'': 
+	If both 'margin-top' and 'margin-bottom' are ''top/auto'',
+	solve the equation under the extra constraint that the two margins get equal values. 
+	If one of 'margin-top' or 'margin-bottom' is ''top/auto'', 
+	solve the equation for that value. 
+	If the values are over-constrained, 
+	ignore the value for 'bottom' and solve for that value.
+
+	Otherwise, 
+	set ''top/auto'' values for 'margin-top' and 'margin-bottom' to ''0'', 
+	and pick one of the following six rules that apply.
+
+	1. If 'top' and 'height' are ''top/auto''
+		and 'bottom' is not ''top/auto'', 
+		then the height is based on the 
+		<a href="#root-height">Auto heights for block formatting context roots</a>, 
+		and solve for 'top'.
+
+	2. If 'top' and 'bottom' are ''top/auto'' 
+		and 'height' is not ''top/auto'', 
+		then set 'top' to the static position, 
+		then solve for 'bottom'.
+
+	3. If 'height' and 'bottom' are ''top/auto'' 
+		and 'top' is not ''top/auto'', 
+		then the height is based on the 
+		<a href="#root-height">Auto heights for block formatting context roots</a>, 
+		and solve for 'bottom'.
+
+	4. If 'top' is ''top/auto'', 
+		'height' and 'bottom' are not ''top/auto'', 
+		then solve for 'top'.
+
+	5. If 'height' is ''top/auto'', 
+		'top' and 'bottom' are not ''top/auto'', 
+		then solve for 'height'.
+
+	6. If 'bottom' is ''top/auto'', 
+		'top' and 'height' are not ''top/auto'', 
+		then solve for 'bottom'.
 
 <h3 id="abs-replaced-height">
-The height of absolute or fixed positioned, replaced elements</h3>
+The Height Of Absolutely Positioned, Replaced Elements</h3>
 
-	If 'height' and 'width' both have computed values of <css>auto</css> and the element also has an
-	intrinsic height, then that intrinsic height is the used value of 'height'.
+	If 'height' and 'width' both have computed values of ''top/auto'' 
+	and the element also has an intrinsic height, 
+	then that intrinsic height is the used value of 'height'.
 
-	Otherwise, if 'height' has a computed value of <css>auto</css> and the element has an intrinsic
-	ratio then the used value of 'height' is:
+	Otherwise, if 'height' has a computed value of ''top/auto'' 
+	and the element has an intrinsic ratio 
+	then the used value of 'height' is:
 
 	<code>(used width) / (intrinsic ratio)</code></p>
 
-	Otherwise, if 'height' has a computed value of <css>auto</css> and the element has an intrinsic
-	height, then that intrinsic height is the used value of 'height'.
+	Otherwise, if 'height' has a computed value of ''top/auto'' 
+	and the element has an intrinsic height, 
+	then that intrinsic height is the used value of 'height'.
 
-	Otherwise, if 'height' has a computed value of <css>auto</css>, but none of the conditions above
-	are met, then the used value of 'height' must be set to the height of the largest
-	rectangle that has a 2:1 ratio, has a height not greater than ''150px'', and has a width not
-	greater than the device width.
+	Otherwise, if 'height' has a computed value of ''top/auto'', 
+	but none of the conditions above are met, 
+	then the used value of 'height' must be set to 
+	the height of the largest rectangle that has a 2:1 ratio, 
+	has a height not greater than ''150px'', 
+	and has a width not greater than the device width.
 
-	After establishing the 'height', in order to position the replaced element, apply the
-	following rules as appropriate.
+	After establishing the 'height', 
+	in order to position the replaced element, 
+	apply the following rules as appropriate.
 
-	<ol>
-		<li>
-		If both 'top' and 'bottom' have the value <css>auto</css>, replace 'top' with the
-		element’s static position.
+	1. If both 'top' and 'bottom' have the value ''top/auto'', 
+		replace 'top' with the element’s static position.
 
-		<li>
-		If 'bottom' is <css>auto</css>, replace any <css>auto</css> on 'margin-top' or 'margin-bottom'
+	2. If 'bottom' is ''top/auto'', 
+		replace any ''top/auto'' on 'margin-top' or 'margin-bottom'
 		with ''0''.
 
-		<li>
-		If at this point both 'margin-top' and 'margin-bottom' are still <css>auto</css>,
-		solve the equation under the extra constraint that the two margins must get
-		equal values.
+	3. If at this point both 'margin-top' and 'margin-bottom' are still ''top/auto'',
+		solve the equation under the extra constraint 
+		that the two margins must get equal values.
 
-		<li>
-		If at this point there is only one <css>auto</css> remaining, solve the equation
-		for that value.
+	4. If at this point there is only one ''top/auto'' remaining, 
+		solve the equation for that value.
 
-		<li>
-		If at this point the values are over-constrained, ignore the value for 'bottom'
-		and solve for that value.
-	</ol>
-<!-- End section: The height of absolute or fixed positioned, replaced element -->
+	5. If at this point the values are over-constrained, 
+		ignore the value for 'bottom' and solve for that value.
 
 <h3 id="root-height">
 Auto heights for block formatting context roots</h3>