[css2] reformatted preformatted examples

--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%402519

Author: howcom

css2/generate.src

@@ -581,52 +581,54 @@ of the OL will refer to that counter.
 
 <div class="html-example"> <p>If we denote by item[n] the
 n<sup>th</sup> instance of the "item"
-counter, and by "(" and ")" the beginning and end of a
+counter, and by "{" and "}" the beginning and end of a
 scope, then the following HTML fragment will use the indicated
 counters. (We assume the style sheet as given in the example above).
 
 <pre>
-&lt;OL>                    &lt;!-- (set item[0] to 0          -->
-  &lt;LI>item&lt;/LI>         &lt;!--  increment item[0] (= 1)   -->
-  &lt;LI>item              &lt;!--  increment item[0] (= 2)   -->
-    &lt;OL>                &lt;!--  (set item[1] to 0         -->
-      &lt;LI>item&lt;/LI>     &lt;!--   increment item[1] (= 1)  -->
-      &lt;LI>item&lt;/LI>     &lt;!--   increment item[1] (= 2)  -->
-      &lt;LI>item          &lt;!--   increment item[1] (= 3)  -->
-        &lt;OL>            &lt;!--   (set item[2] to 0        -->
-          &lt;LI>item&lt;/LI> &lt;!--    increment item[2] (= 1) -->
-        &lt;/OL>           &lt;!--                            -->
-        &lt;OL>            &lt;!--   )(set item[2] to 0       -->
-          &lt;LI>item&lt;/LI> &lt;!--    increment item[2] (= 1) -->
-        &lt;/OL>           &lt;!--                            -->
-      &lt;/LI>             &lt;!--   )                        -->
-      &lt;LI>item&lt;/LI>     &lt;!--   increment item[1] (= 4)  -->
-    &lt;/OL>               &lt;!--                            -->
-  &lt;/LI>                 &lt;!--  )                         -->
-  &lt;LI>item&lt;/LI>         &lt;!--  increment item[0] (= 3)   -->
-  &lt;LI>item&lt;/LI>         &lt;!--  increment item[0] (= 4)   -->
-&lt;/OL>                   &lt;!--                            -->
-&lt;OL>                    &lt;!-- )(reset item[0] to 0       -->
-  &lt;LI>item&lt;/LI>         &lt;!--  increment item[0] (= 1)   -->
-  &lt;LI>item&lt;/LI>         &lt;!--  increment item[0] (= 2)   -->
-&lt;/OL>                   &lt;!--                            -->
+&lt;OL>                    &lt;!-- {item[0]=0        -->
+  &lt;LI>item&lt;/LI>         &lt;!--  item[0]++ (=1)   -->
+  &lt;LI>item              &lt;!--  item[0]++ (=2)   -->
+    &lt;OL>                &lt;!--  {item[1]=0       -->
+      &lt;LI>item&lt;/LI>     &lt;!--   item[1]++ (=1)  -->
+      &lt;LI>item&lt;/LI>     &lt;!--   item[1]++ (=2)  -->
+      &lt;LI>item          &lt;!--   item[1]++ (=3)  -->
+        &lt;OL>            &lt;!--   {item[2]=0      -->
+          &lt;LI>item&lt;/LI> &lt;!--    item[2]++ (=1) -->
+        &lt;/OL>           &lt;!--                   -->
+        &lt;OL>            &lt;!--   }{item[2]=0     -->
+          &lt;LI>item&lt;/LI> &lt;!--    item[2]++ (=1) -->
+        &lt;/OL>           &lt;!--                   -->
+      &lt;/LI>             &lt;!--   }               -->
+      &lt;LI>item&lt;/LI>     &lt;!--   item[1]++ (=4)  -->
+    &lt;/OL>               &lt;!--                   -->
+  &lt;/LI>                 &lt;!--  }                -->
+  &lt;LI>item&lt;/LI>         &lt;!--  item[0]++ (=3)   -->
+  &lt;LI>item&lt;/LI>         &lt;!--  item[0]++ (=4)   -->
+&lt;/OL>                   &lt;!--                   -->
+&lt;OL>                    &lt;!-- }{item[0]=0       -->
+  &lt;LI>item&lt;/LI>         &lt;!--  item[0]++ (=1)   -->
+  &lt;LI>item&lt;/LI>         &lt;!--  item[0]++ (=2)   -->
+&lt;/OL>                   &lt;!--                   -->
 </pre>
 </div>
 
 <div class="example">
 <p>Another example, showing how scope works when counters are used on
-elements that are not tested, is the following.  This shows how the
+elements that are not nested, is the following.  This shows how the
 style rules given above to number chapters and sections would apply to
 the markup given.
 
 <pre>
-&lt;body>                                     &lt;!-- (set chapter to 0       |                         -->
-  &lt;h1>About the CSS 2.1 Specification&lt;/h1> &lt;!--  increment chapter (=1) | (set section to 0       -->
-  &lt;h2>CSS 2.1 vs CSS 2&lt;/h2>                &lt;!--                         |  increment section (=1) -->
-  &lt;h2>Reading the specification&lt;/h 2>      &lt;!--                         |  increment section (=2) -->
-  &lt;h1>Introduction to CSS 2.1&lt;/h1>         &lt;!--  increment chapter (=2) | )(set section to 0      -->
-&lt;/body>                                    &lt;!--                         | )                       -->
+                     &lt;!--"chapter" counter|"section" counter -->
+&lt;body>               &lt;!-- {chapter=0      |                  -->
+  &lt;h1>About CSS&lt;/h1> &lt;!--  chapter++ (=1) | {section=0       -->
+  &lt;h2>CSS 2&lt;/h2>     &lt;!--                 |  section++ (=1)  -->
+  &lt;h2>CSS 2.1&lt;/h2>   &lt;!--                 |  section++ (=2)  -->
+  &lt;h1>Style&lt;/h1>     &lt;!--  chapter++ (=2) |}{ section=0      -->
+&lt;/body>              &lt;!--                 | }                -->
 </pre>
+
 </div>
 
 <p>The 'counters()' function generates a string composed of all of the