[css-inline-3] Wording improvements to line layout.

Author: fantasai

css-inline-3/Overview.bs

@@ -207,8 +207,16 @@ Layout Within Line Boxes</h3>
 	sizing and positioning each [=box fragment=] and [=line box=] independently,
 	as follows:
 
-	1. The [=layout bounds=] of each [=inline-level box=] in the [=line box=]
-		are calculated.
+	1. All [=in-flow=] [=inline-level boxes=] in the [=line box=]
+		are aligned to each other in the [=block axis=]
+		according to 'dominant-baseline' and 'vertical-align'.
+		This is referred to as [[#alignment|baseline alignment]].
+		Those with [=line-relative values=] for 'baseline-shift'
+		are assumed to be aligned so as to minimize the line box height.
+
+	2. The [=layout bounds=] (i.e. the size contributions)
+		of each [=inline-level box=] in the [=line box=]
+		are calculated:
 
 		<ul class=switch>
 			<li>
@@ -218,29 +226,23 @@ Layout Within Line Boxes</h3>
 				For the [=root inline box=],
 				and for [=inline boxes=] with ''text-edge: leading'':
 				this derived from their used 'line-height',
-				ignoring any [=margin=]/[=border=]/[=padding=]
+				ignoring any [=margin=]/[=border=]/[=padding=];
 				see [[#inline-height]].
 
 			<li>
 				For other [=inline boxes=]:
 				this is derived from their 'text-edge' metrics,
-				and includes any [=margin=]/[=border=]/[=padding=],
+				and includes any [=margin=]/[=border=]/[=padding=];
 				see [[#inline-height]]
 		</ul>
 
-	2. The [=inline-level boxes=]
-		are aligned in the [=block axis=]
-		according to 'dominant-baseline' and 'vertical-align'.
-		Those with [=line-relative values=] for 'baseline-shift'
-		are assumed to be aligned so as to minimize the line box height.
-
-	3. The [=line box=]’s [=logical height=] is calculated
+	3. The [=line box=]’s [=logical height=] is sized
 		to exactly include the aligned [=layout bounds=]
 		of all its [=inline-level boxes=].
 
 	4. The [=root inline box=]’s [=aligned subtree=]
-		and boxes with line-box&ndash;relative 'vertical-align' values
-		are aligned with respect to the [=line box=].
+		and boxes [=line-relative values=] for 'baseline-shift'
+		are positioned within the [=line box=].
 
 		Issue: Define what to do for top/bottom/center aligned boxes that are taller than the rest of the content.