[css-display-3] Move paragraph.

Author: fantasai

css-display-3/Overview.bs

@@ -980,16 +980,6 @@ Display Order: the 'order' property</h2>
 	It takes a single <dfn value for=order><<integer>></dfn> value,
 	which specifies which ordinal group the item belongs to.
 
-	[=flex container|Flex=] and [=grid containers=] lay out their contents
-	in <dfn export>order-modified document order</dfn>,
-	starting from the lowest numbered ordinal group and going up.
-	Items with the same ordinal group are laid out in the order they appear in the source document.
-	This also affects the <a href="https://www.w3.org/TR/CSS2/zindex.html">painting order</a> [[!CSS2]],
-	exactly as if the [=flex item|flex=]/[=grid items=] were reordered in the source document.
-	Absolutely-positioned children of a [=flex container|flex=]/[=grid container=]
-	are treated as having ''order: 0''
-	for the purpose of determining their painting order relative to [=flex item|flex=]/[=grid items=].
-
 	<div class='example'>
 		The following figure shows a simple tabbed interface, where the tab for the active pane is always first:
 
@@ -1007,6 +997,16 @@ Display Order: the 'order' property</h2>
 		</pre>
 	</div>
 
+	[=flex container|Flex=] and [=grid containers=] lay out their contents
+	in <dfn export>order-modified document order</dfn>,
+	starting from the lowest numbered ordinal group and going up.
+	Items with the same ordinal group are laid out in the order they appear in the source document.
+	This also affects the <a href="https://www.w3.org/TR/CSS2/zindex.html">painting order</a> [[!CSS2]],
+	exactly as if the [=flex item|flex=]/[=grid items=] were reordered in the source document.
+	Absolutely-positioned children of a [=flex container|flex=]/[=grid container=]
+	are treated as having ''order: 0''
+	for the purpose of determining their painting order relative to [=flex item|flex=]/[=grid items=].
+
 	Unless otherwise specified by a future specification,
 	this property has no effect on boxes that are not [=flex items=] or [=grid items=].