[css-align-3][editorial] Reformat the alignment algo into steps.

Author: tabatkins

css-align-3/Overview.bs

@@ -2339,30 +2339,30 @@ Aligning Boxes by Baseline</h3>
 	that all belong to a single <a>baseline-sharing group</a>,
 	the [=alignment subjects=] are baseline-aligned as follows:
 
-	First, generate the <a>baseline-sharing group</a>’s baseline table
-	from the <a>first available font</a> of the group’s [=alignment context=]
-	and overlay also the mirror of this baseline table by aligning their central baselines.
-	These are the baseline “grids” to which the [=alignment subjects=] will align.
-
-	Next, align each [=alignment subject=] by its specified <a>alignment baseline</a>
-	to the group’s baseline table
-	or its mirror, whichever matches the [=alignment subject’s=] <a>line orientation</a>.
-	Unless otherwise specified (e.g. via the 'alignment-baseline' property),
-	the <a>alignment baseline</a> is the <a>dominant baseline</a> of the [=alignment context=].
-
-	Position the aligned <a>baseline-sharing group</a> within the [=alignment container=]
-	according to its <a>fallback alignment</a>.
-	The [=fallback alignment=] of a [=baseline-sharing group=]
-	is the [=fallback alignment=] of its items
-	as resolved to [=physical directions=].
-
-	For first/last <a>baseline <em>content</em>-alignment</a>,
-	then add the minimum necessary extra space
-	between the [=alignment container’s=] start/end content edge
-	and the [=alignment subject’s=] edge
-	to align the start/end margin edges of all the [=alignment containers=]
-	in the [=alignment context=]
-	while maintaining baseline alignment within the [=baseline-sharing group=].
+	1. Generate the <a>baseline-sharing group</a>’s baseline table
+		from the <a>first available font</a> of the group’s [=alignment context=]
+		and overlay also the mirror of this baseline table by aligning their central baselines.
+		These are the baseline “grids” to which the [=alignment subjects=] will align.
+
+	2. Align each [=alignment subject=] by its specified <a>alignment baseline</a>
+		to the group’s baseline table
+		or its mirror, whichever matches the [=alignment subject’s=] <a>line orientation</a>.
+		Unless otherwise specified (e.g. via the 'alignment-baseline' property),
+		the <a>alignment baseline</a> is the <a>dominant baseline</a> of the [=alignment context=].
+
+	3. Position the aligned <a>baseline-sharing group</a> within the [=alignment container=]
+		according to its <a>fallback alignment</a>.
+		The [=fallback alignment=] of a [=baseline-sharing group=]
+		is the [=fallback alignment=] of its items
+		as resolved to [=physical directions=].
+
+	4. For first/last <a>baseline <em>content</em>-alignment</a>,
+		then add the minimum necessary extra space
+		between the [=alignment container’s=] start/end content edge
+		and the [=alignment subject’s=] edge
+		to align the start/end margin edges of all the [=alignment containers=]
+		in the [=alignment context=]
+		while maintaining baseline alignment within the [=baseline-sharing group=].
 
 
 <h2 id="staticpos-rect">