[css-inline-3] Improve intro organization

Author: fantasai

css-inline-3/Overview.bs

@@ -86,14 +86,16 @@ Inline Layout Model</h2>
 	In <dfn>inline layout</dfn>,
 	a mixed, recursive stream of text and [=inline-level boxes=]
 	forming an <dfn>inline formatting context</dfn> within a [=block container=]
-	are laid out by [=fragmenting=] them into a stack of [=line boxes=],
-	and aligning the text and boxes to each other within each [=line box=].
+	are laid out by [=fragmenting=] them into a stack of [=line boxes=].
+	Within each [=line box=],
+	[=inline-level boxes=] are [[#alignment|aligned to each other]] along the [=block axis=],
+	typically by the [=baselines=] of their text.
 
 	Any [=block container=] that directly contains
 	[=inline-level=] content--
 	such as [=inline boxes=], [=atomic inlines=], and [=text runs=]--
 	establishes an [=inline formatting context=]
-	to lay out its contents.
+	to lay out its contents using [=inline layout=].
 	The [=block container=]’s [=content edges=] form the [=containing block=]
 	for each of the [=inline-level boxes=]
 	participating in its [=inline formatting context=].
@@ -172,16 +174,9 @@ Layout of Line Boxes</h3>
 	(See [[CSS2/visuren#inline-formatting]]/[[CSS2/visuren#floats]]
 	and [[#initial-letter-styling]].)
 
-	Within the [=line box=],
-	[=inline-level boxes=] can be aligned
-	along the [=block axis=]
-	in different ways:
-	their [=line-over|over=] or [=line-under|under=] edges can be aligned,
-	or the baselines of text within them can be aligned.
-	See 'vertical-align' and its longhands.
-
-	The [=logical height=] of a [=line box=] is then fitted to its contents;
-	this fit is controlled by 'line-height' and 'text-edge'.
+	The [=logical height=] of a [=line box=] is fitted to its contents
+	once they have been [[#alignment|block-axis aligned]].
+	This fit is controlled by 'line-height' and 'text-edge'.
 	The first/last line boxes in a [=block container=] may additionally
 	be trimmed by 'leading-trim'.