[css-lists-3] Move example up closer to what it's illustrating.

Author: fantasai

css-lists-3/Overview.bs

@@ -955,32 +955,6 @@ Creating and Inheriting Counters</h3>
 				to |element counters|.
 	</div>
 
-	<div algorithm>
-		[=Counters=] are [=instantiated=] when named in 'counter-reset',
-		and also when not otherwise present if named in
-		'counter-increment', 'counter-set', or the ''counter()'' or ''counters()'' notations.
-		(Newly [=instantiated=] [=counters=] replace identically-named [=counters=] originating from previous siblings,
-		but are added in addition to identically-named [=counters=] originating from ancestor elements,
-		see [[#nested-counters]].)
-		To <dfn local-lt="instantiate">instantiate a counter</dfn>
-		of a given |name|
-		on an |element|
-		with a starting |value|:
-
-		1. Let |counters| be |element|’s [=CSS counters set=].
-
-		2. Let |innermost counter| be the last [=counter=] in |counters|
-			with the name |name|.
-			If |innermost counter|’s originating element
-			is |element| or a previous sibling of |element|,
-			[=set/remove=] |innermost counter| from |counters|.
-
-		3. [=set/Append=] a new [=counter=] to |counters|
-			with name |name|,
-			originating element |element|,
-			and initial value |value|
-	</div>
-
 	<div class='example' id='counter-inheritance-example'>
 		Take the following code as an example:
 
@@ -1032,6 +1006,31 @@ Creating and Inheriting Counters</h3>
 	#counter-inheritance-example b.baz { color: blue; }
 	</style>
 
+	<div algorithm>
+		[=Counters=] are [=instantiated=] when named in 'counter-reset',
+		and also when not otherwise present if named in
+		'counter-increment', 'counter-set', or the ''counter()'' or ''counters()'' notations.
+		(Newly [=instantiated=] [=counters=] replace identically-named [=counters=] originating from previous siblings,
+		but are added in addition to identically-named [=counters=] originating from ancestor elements,
+		see [[#nested-counters]].)
+		To <dfn local-lt="instantiate">instantiate a counter</dfn>
+		of a given |name|
+		on an |element|
+		with a starting |value|:
+
+		1. Let |counters| be |element|’s [=CSS counters set=].
+
+		2. Let |innermost counter| be the last [=counter=] in |counters|
+			with the name |name|.
+			If |innermost counter|’s originating element
+			is |element| or a previous sibling of |element|,
+			[=set/remove=] |innermost counter| from |counters|.
+
+		3. [=set/Append=] a new [=counter=] to |counters|
+			with name |name|,
+			originating element |element|,
+			and initial value |value|
+	</div>
 
 <h3 id='counters-without-boxes'>
 Counters in elements that do not generate boxes</h3>