[css-align] Clarify the baseline self/content-alignment paragraph to make some goddam sense.

Author: tabatkins

css-align/Overview.bs

@@ -691,13 +691,18 @@ Baseline Content-Alignment</h3>
 	within its start-most (end-most) <a>shared alignment context</a> along that axis.
 
 	When a box participates in first (last) <dfn export lt="baseline content-alignment|first-baseline content-alignment|last-baseline content-alignment">baseline content-alignment</dfn>
-	its <a>alignment subject</a> is aligned to the start (end) edge of its <a>alignment container</a>
-	and the minimum necessary extra space is added <strong>between its start (end) edge and the <a>alignment subject</a>’s edge</strong>
-	to match its <a>alignment baseline</a> in that axis up to that of its <a>baseline-sharing group</a>.
+	it aligns its contents as follows:
+	its <a>alignment subject</a> (i.e. content)
+	is aligned to the start (end) edge of its <a>alignment container</a> (i.e. itself)
+	and the minimum necessary extra space is added <strong>between its start (end) content edge and its <a>alignment subject</a>’s edge</strong>
+	to align its <a>alignment baseline</a> in that axis with those of its <a>baseline-sharing group</a>.
 	See [[#align-by-baseline]].
 	This increases the intrinsic size of the box.
 
-	ISSUE: Make that last paragraph more readable.
+	Note: In other words, a box participating in <a>baseline content-alignment</a>
+	acts like its 'padding' was increased
+	so that its <a>alignment baseline</a> lines up with the <a>alignment baselines</a> of its participating siblings.
+	The box itself is aligned as usual for its 'align-self'/'justify-self' value.
 
 <h3 id="overflow-scroll-position">
 Overflow and Scroll Positions</h3>
@@ -989,13 +994,18 @@ Baseline Self-Alignment</h3>
 	it participates in first (last) <a>baseline self-alignment</a>
 	within its start-most (end-most) <a>shared alignment context</a> along that axis.
 
-	When a box participates in first (last)  <dfn export lt="baseline self-alignment|first-baseline self-alignment|last-baseline self-alignment">baseline self-alignment</dfn>
-	its <a>alignment subject</a> is aligned to the start (end) edge of its <a>alignment container</a>
-	and the minimum necessary extra space is added <strong>between its start (end) edge and the <a>alignment container</a> edge</strong>
+	When a box participates in first (last)  <dfn export lt="baseline self-alignment|first-baseline self-alignment|last-baseline self-alignment">baseline self-alignment</dfn>,
+	it is aligned as follows:
+	the minimum necessary extra space is added <strong>between its start (end) edge and the <a>alignment container</a> edge</strong>
 	to match its <a>alignment baseline</a> in that axis up to that of its <a>baseline-sharing group</a>.
 	See [[#align-by-baseline]].
 	This may increase the intrinsic size contribution of the <a>alignment subject</a>.
 
+	Note: In other words, a box participating in <a>baseline self-alignment</a>
+	acts like its 'margin' was increased
+	so that its <a>alignment baseline</a> lines up with the <a>alignment baselines</a> of its participating siblings.
+	The box's contents are aligned as usual for its 'align-content'/'justify-content' value.
+
 <!--
                   ████ ████████ ████████ ██     ██  ██████
  ██   ██           ██     ██    ██       ███   ███ ██    ██