[css2] Corrected three examples (unintended border around :before, and

numeric() instead of counter())

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

Author: bert-github

css2/generate.src

@@ -72,8 +72,8 @@ generated content. So, for example, changing the above style sheet
 to:</p>
 
 <pre class="example">
-P.note:before { content: "Note: ";
-                border: solid green }
+P.note:before { content: "Note: " }
+P.note        { border: solid green }
 </pre>
 
 <P>would cause a solid green border to be rendered around the entire
@@ -475,7 +475,7 @@ mark characters:</em></p>
 <TR><TH>Approximate rendering<TH>ISO 10646 code (hex)<TH>Description
 <TR><TD>"<TD>0022<TD>QUOTATION MARK [the ASCII double quotation mark]
 <TR><TD>'<TD>0027<TD>APOSTROPHE     [the ASCII single quotation mark]
-<TR><TD><<TD>2039<TD>SINGLE LEFT-POINTING ANGLE QUOTATION MARK
+<TR><TD>&lt;<TD>2039<TD>SINGLE LEFT-POINTING ANGLE QUOTATION MARK
 <TR><TD>><TD>203A<TD>SINGLE RIGHT-POINTING ANGLE QUOTATION MARK
 <TR><TD>�<TD>00AB<TD>LEFT-POINTING DOUBLE ANGLE QUOTATION MARK
 <TR><TD>�<TD>00BB<TD>RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK
@@ -940,10 +940,11 @@ box of a fixed width. This document:</p>
       &lt;STYLE type="text/css"&gt;
            LI:before { 
                display: marker;
-               content: "(" numeric(counter) ")";
+               content: "(" counter(counter) ")";
+               counter-increment: counter;
                width: 6em;
                text-align: center;
-           }   
+           }
       &lt;/STYLE&gt;
    &lt;/HEAD&gt;
    &lt;BODY&gt;
@@ -1028,7 +1029,7 @@ smiley gif images here):</p>
          P.Note:before         { 
   	      display: marker;
 	      content: url(note.gif) 
-                       "Note " numeric(note-counter) ":";
+                       "Note " counter(note-counter) ":";
               counter-increment: note-counter;
               text-align: left;
               width: 10em;