[css-position-3] Rewrap the abspos width section.

Author: fantasai

css-position-3/Overview.bs

@@ -694,7 +694,7 @@ Fixed positioning</h3>
 Sizing and positioning details</h2>
 
 <h3 id="abs-non-replaced-width">
-The width of absolute or fixed positioned, non-replaced elements</h3>
+The Width of Absolutely-Positioned, Non-Replaced Elements</h3>
 
 	The constraint that determines the used values for these elements is:
 
@@ -704,48 +704,68 @@ The width of absolute or fixed positioned, non-replaced elements</h3>
 		'right' = width of containing block
  </code>
 
-	If all three of 'left', 'width', and 'right' are ''left/auto'': First set any ''margin/auto'' values
-	for 'margin-left' and 'margin-right' to ''0''. Then, if the 'direction' property of the
-	element establishing the static-position <a>containing block</a> is ''ltr'' set
-	'left' to the static position and apply rule number <em>three</em> below; otherwise, set
-	'right' to the static-position and apply rule number <em>one</em> below.
-
-	If none of the three is ''left/auto'': If both 'margin-left' and 'margin-right' are ''margin/auto'',
-	solve the equation under the extra constraint that the two margins get equal values,
-	unless this would make them negative, in which case when direction of the containing
-	block is ''ltr'' (''rtl''), set 'margin-left' ('margin-right') to ''0'' and solve for
-	'margin-right' ('margin-left'). If one of 'margin-left' or 'margin-right' is ''margin/auto'',
-	solve the equation for that value. If the values are over-constrained, ignore the value
-	for 'left' (in case the 'direction' property of the <a>containing block</a> is
-	''rtl'') or 'right' (in case 'direction' is ''ltr'') and solve for that value.
-
-	Otherwise, set ''margin/auto'' values for 'margin-left' and 'margin-right' to ''0'', and pick
-	one of the following six rules that apply.
+	If all three of 'left', 'width', and 'right' are ''left/auto'':
+	First set any ''margin/auto'' values for 'margin-left' and 'margin-right'
+	to ''0''.
+	Then, if the 'direction' property of
+	the element establishing the static-position <a>containing block</a>
+	is ''ltr'' set 'left' to the static position
+	and apply rule number <em>three</em> below;
+	otherwise, set 'right' to the static-position
+	and apply rule number <em>one</em> below.
+
+	If none of the three is ''left/auto'':
+	If both 'margin-left' and 'margin-right' are ''margin/auto'',
+	solve the equation under the extra constraint that
+	the two margins get equal values,
+	unless this would make them negative,
+	in which case when direction of the containing block is ''ltr'' (''rtl''),
+	set 'margin-left' ('margin-right') to ''0''
+	and solve for 'margin-right' ('margin-left').
+	If one of 'margin-left' or 'margin-right' is ''margin/auto'',
+	solve the equation for that value.
+	If the values are over-constrained,
+	ignore the value for 'left'
+	(in case the 'direction' property of the <a>containing block</a> is ''rtl'')
+	or 'right'
+	(in case 'direction' is ''ltr'') and solve for that value.
+
+	Otherwise,
+	set ''margin/auto'' values for 'margin-left' and 'margin-right' to ''0'',
+	and pick one of the following six rules that apply.
 
 	<ol>
 		<li>
-		If 'left' and 'width' are ''left/auto'' and 'right' is not ''right/auto'', then the width is
-		shrink-to-fit. Then solve for 'left'.
+		If 'left' and 'width' are ''left/auto'' and 'right' is not ''right/auto'',
+		then the width is shrink-to-fit.
+		Then solve for 'left'.
 
 		<li>
-		If 'left' and 'right' are ''left/auto'' and 'width' is not ''width/auto'', then if the
-		'direction' property of the element establishing the static-position
-		<a>containing block</a> is ''ltr'' set 'left' to the static-position,
-		otherwise set 'right' to the static-position. Then solve for 'left' (if 'direction
-		is ''rtl'') or 'right' (if 'direction' is ''ltr'').
+		If 'left' and 'right' are ''left/auto'' and 'width' is not ''width/auto'',
+		then if the 'direction' property of
+		the element establishing the static-position <a>containing block</a>
+		is ''ltr''
+		set 'left' to the static-position,
+		otherwise set 'right' to the static-position.
+		Then solve for 'left' (if 'direction' is ''rtl'')
+		or 'right' (if 'direction' is ''ltr'').
 
 		<li>
-		If 'width' and 'right' are ''width/auto'' and 'left' is not ''left/auto'', then the width is
-		shrink-to-fit. Then solve for 'right'.
+		If 'width' and 'right' are ''width/auto'' and 'left' is not ''left/auto'',
+		then the width is shrink-to-fit.
+		Then solve for 'right'.
 
 		<li>
-		If 'left' is ''left/auto'', 'width' and 'right' are not ''width/auto'', then solve for 'left'.
+		If 'left' is ''left/auto'', 'width' and 'right' are not ''width/auto'',
+		then solve for 'left'.
 
 		<li>
-		If 'width' is ''width/auto'', 'left' and 'right' are not ''left/auto'', then solve for 'width'.
+		If 'width' is ''width/auto'', 'left' and 'right' are not ''left/auto'',
+		then solve for 'width'.
 
 		<li>
-		If 'right' is ''right/auto'', 'left' and 'width' are not ''left/auto'', then solve for 'right'.
+		If 'right' is ''right/auto'', 'left' and 'width' are not ''left/auto'',
+		then solve for 'right'.
 	</ol>
 
 <table class=data id='abspos-auto'>
@@ -862,62 +882,86 @@ The width of absolute or fixed positioned, non-replaced elements</h3>
 <h3 id="abs-replaced-width">
 The width of absolute or fixed positioned, replaced elements</h3>
 
-	If 'height' and 'width' both have computed values of <css>auto</css> and the element also has an
-	intrinsic width, then that intrinsic width is the used value of 'width'.
+	If 'height' and 'width' both have computed values of <css>auto</css>
+	and the element also has an intrinsic width,
+	then that intrinsic width is the used value of 'width'.
 
-	If 'height' and 'width' both have computed values of <css>auto</css> and the element has no
-	intrinsic width, but does have an intrinsic height and intrinsic ratio; or if 'width'
-	has a computed value of <css>auto</css>, 'height' has some other computed value, and the element
-	does have an intrinsic ratio; then the used value of 'width' is:
+	If 'height' and 'width' both have computed values of <css>auto</css>
+	and the element has no intrinsic width,
+	but does have an intrinsic height and intrinsic ratio;
+	or if 'width' has a computed value of <css>auto</css>,
+	'height' has some other computed value,
+	and the element does have an intrinsic ratio;
+	then the used value of 'width' is:
 
 	<code>(used height) * (intrinsic ratio)</code>
 
-	If 'height' and 'width' both have computed values of <css>auto</css>, the element has an
-	intrinsic ratio but no intrinsic height or width, and the <a>containing block’s</a> width does
-	not itself depend on the replaced element’s width, then the used value of 'width' is
-	calculated from the constraint equation used for
+	If 'height' and 'width' both have computed values of <css>auto</css>,
+	the element has an intrinsic ratio but no intrinsic height or width,
+	and the <a>containing block’s</a> width
+	does not itself depend on the replaced element’s width,
+	then the used value of 'width' is calculated
+	from the constraint equation used for
 	<a href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">block-level, non-replaced elements in <a>normal flow</a></a>.
 
-	Otherwise, if 'width' has a computed value of <css>auto</css>, and the element has an intrinsic
-	width, then that intrinsic width is the used value of 'width'.
+	Otherwise, if 'width' has a computed value of <css>auto</css>,
+	and the element has an intrinsic width,
+	then that intrinsic width is the used value of 'width'.
 
-	Otherwise, if 'width' has a computed value of <css>auto</css>, but none of the conditions above
-	are met, and then the used value of 'width' becomes ''300px''. If ''300px'' is too wide
-	to fit the device, user agents should use the width of the largest rectangle that has a
-	2:1 ratio and fits the device instead.
+	Otherwise, if 'width' has a computed value of <css>auto</css>,
+	but none of the conditions above are met,
+	and then the used value of 'width' becomes ''300px''.
+	If ''300px'' is too wide to fit the device,
+	user agents should use the width of the largest rectangle
+	that has a 2:1 ratio and fits the device instead.
 
-	After establishing the 'width', in order to position the replaced element, apply the
-	following rules as appropriate.
+	After establishing the 'width',
+	in order to position the replaced element,
+	apply the following rules as appropriate.
 
 	<ol>
 		<li>
-		If both 'left' and 'right' have the value <css>auto</css>, and if the 'direction' property
-		of the element establishing the static-position <a>containing block</a> is
-		''ltr'', set 'left' to the static position and solve for 'right'; else if
-		'direction' is ''rtl'', set 'right' to the static position and solve for 'left'.
+		If both 'left' and 'right' have the value <css>auto</css>,
+		and if the 'direction' property of
+		the element establishing the static-position <a>containing block</a>
+		is ''ltr'',
+		set 'left' to the static position and solve for 'right';
+		else if 'direction' is ''rtl'',
+		set 'right' to the static position and solve for 'left'.
 
 		<li>
-		If 'left' is <css>auto</css> and 'right' is not <css>auto</css>, replace any <css>auto</css> on
-		'margin-left' or 'margin-right' with ''0'', then solve for 'left'.
+		If 'left' is <css>auto</css> and 'right' is not <css>auto</css>,
+		replace any <css>auto</css> on 'margin-left' or 'margin-right'
+		with ''0'',
+		then solve for 'left'.
 
 		<li>
-		If 'right' is <css>auto</css> and 'left' is not <css>auto</css>, replace any <css>auto</css> on
-		'margin-left' or 'margin-right' with ''0'', then solve for 'right'.
+		If 'right' is <css>auto</css> and 'left' is not <css>auto</css>,
+		replace any <css>auto</css> on 'margin-left' or 'margin-right'
+		with ''0'',
+		then solve for 'right'.
 
 		<li>
-		If at this point both 'margin-left' and 'margin-right' are still <css>auto</css>, solve the
-		equation under the extra constraint that the two margins must get equal values,
-		unless this would make them negative, in which case when the direction of the
-		<a>containing block</a> is ''ltr'' (''rtl''), set 'margin-left'
-		('margin-right') to ''0'' and solve for 'margin-right' ('margin-left').
+		If at this point both 'margin-left' and 'margin-right'
+		are still <css>auto</css>,
+		solve the equation under the extra constraint
+		that the two margins must get equal values,
+		unless this would make them negative,
+		in which case when the direction of the <a>containing block</a>
+		is ''ltr'' (''rtl''),
+		set 'margin-left' ('margin-right') to ''0''
+		and solve for 'margin-right' ('margin-left').
 
 		<li>
-		If at this point there is an <css>auto</css> remaining, solve the equation for that value.
+		If at this point there is an <css>auto</css> remaining,
+		solve the equation for that value.
 
 		<li>
-		If at this point the values are over-constrained, ignore the value for either 'left'
+		If at this point the values are over-constrained,
+		ignore the value for either 'left' 
 		(in case the 'direction' property of the <a>containing block</a> is ''rtl'')
-		or 'right' (in case 'direction' is ''ltr'') and solve for that value.
+		or 'right' (in case 'direction' is ''ltr'')
+		and solve for that value.
 	</ol>
 <!-- End section: The width of absolute or fixed positioned, replaced element -->