[editorial][css-text-4] Move the section on wrap-inside up

Since 'wrap-inside: avoid' is a better alternative to some situations
where nowrap is used, moving them closer helps with discovery.

Author: frivoal

css-text-4/Overview.bs

@@ -5470,72 +5470,6 @@ Selecting How to Wrap: the 'text-wrap-style' property</h4>
 		dependent on the length of the word, character-based is better.
 	</div>
 
-<h3 id="wrap-before">
-Controlling Breaks Between Boxes: the 'wrap-before'/'wrap-after' properties</h3>
-
-	<wpt title="This section lacks tests."></wpt>
-
-	<pre class="propdef">
-	Name: wrap-before, wrap-after
-	Value: auto | avoid | avoid-line | avoid-flex | line | flex
-	Initial: auto
-	Applies to: <a>inline-level</a> boxes and <a>flex items</a>
-	Inherited: no
-	Percentages: n/a
-	Computed value: specified keyword
-	Animation type: discrete
-	</pre>
-
-	These properties specify modifications to break opportunities
-	in line breaking (and <a>flex line</a> breaking [[CSS3-FLEXBOX]]).
-	Possible values:
-
-	<dl dfn-for="wrap-before, wrap-after" dfn-type=value>
-		<dt><dfn>auto</dfn>
-		<dd>
-			Lines may break at allowed break points
-			before and after the box,
-			as determined by the line-breaking rules in effect.
-
-		<dt><dfn>avoid</dfn>
-		<dd>
-			Line breaking is suppressed immediately before/after the box:
-			the UA may only break there
-			if there are no other valid break points
-			in the line.
-			If the text breaks,
-			line-breaking restrictions are honored as for
-			''wrap-before/auto''.
-
-		<dt><dfn>avoid-line</dfn>
-		<dd>
-			Same as ''wrap-before/avoid'',
-			but only for line breaks.
-
-		<dt><dfn>avoid-flex</dfn>
-		<dd>
-			Same as ''wrap-before/avoid'',
-			but only for flex line breaks.
-
-		<dt><dfn>line</dfn>
-		<dd>
-			Force a line break immediately before/after the box
-			if the box is an <a>inline-level</a> box.
-
-		<dt><dfn>flex</dfn>
-		<dd>
-			Force a <a>flex line</a> break immediately before/after the box
-			if the box is a <a>flex item</a>
-			in a <a>multi-line flex container</a>.
-	</dl>
-
-	Forced line breaks on <a>inline-level</a> boxes propagate upward
-	through any parent <a>inline boxes</a>
-	the same way forced breaks on <a>block-level</a> boxes propagate upward
-	through any parent <a>block boxes</a>
-	in the same <a>fragmentation context</a>.
-	[[!CSS3-BREAK]]
-
 <h3 id="wrap-inside">
 Controlling Breaks Within Boxes: the 'wrap-inside' property</h3>
 
@@ -5626,6 +5560,72 @@ Example of using 'wrap-inside: avoid' in presenting a footer</h4>
 		</pre>
 	</div>
 
+<h3 id="wrap-before">
+Controlling Breaks Between Boxes: the 'wrap-before'/'wrap-after' properties</h3>
+
+	<wpt title="This section lacks tests."></wpt>
+
+	<pre class="propdef">
+	Name: wrap-before, wrap-after
+	Value: auto | avoid | avoid-line | avoid-flex | line | flex
+	Initial: auto
+	Applies to: <a>inline-level</a> boxes and <a>flex items</a>
+	Inherited: no
+	Percentages: n/a
+	Computed value: specified keyword
+	Animation type: discrete
+	</pre>
+
+	These properties specify modifications to break opportunities
+	in line breaking (and <a>flex line</a> breaking [[CSS3-FLEXBOX]]).
+	Possible values:
+
+	<dl dfn-for="wrap-before, wrap-after" dfn-type=value>
+		<dt><dfn>auto</dfn>
+		<dd>
+			Lines may break at allowed break points
+			before and after the box,
+			as determined by the line-breaking rules in effect.
+
+		<dt><dfn>avoid</dfn>
+		<dd>
+			Line breaking is suppressed immediately before/after the box:
+			the UA may only break there
+			if there are no other valid break points
+			in the line.
+			If the text breaks,
+			line-breaking restrictions are honored as for
+			''wrap-before/auto''.
+
+		<dt><dfn>avoid-line</dfn>
+		<dd>
+			Same as ''wrap-before/avoid'',
+			but only for line breaks.
+
+		<dt><dfn>avoid-flex</dfn>
+		<dd>
+			Same as ''wrap-before/avoid'',
+			but only for flex line breaks.
+
+		<dt><dfn>line</dfn>
+		<dd>
+			Force a line break immediately before/after the box
+			if the box is an <a>inline-level</a> box.
+
+		<dt><dfn>flex</dfn>
+		<dd>
+			Force a <a>flex line</a> break immediately before/after the box
+			if the box is a <a>flex item</a>
+			in a <a>multi-line flex container</a>.
+	</dl>
+
+	Forced line breaks on <a>inline-level</a> boxes propagate upward
+	through any parent <a>inline boxes</a>
+	the same way forced breaks on <a>block-level</a> boxes propagate upward
+	through any parent <a>block boxes</a>
+	in the same <a>fragmentation context</a>.
+	[[!CSS3-BREAK]]
+
 <h3 id="line-break-details">
 Line Breaking Details</h3>