add subsections and fix example

Author: annevk

cssom/Overview.html

@@ -214,7 +214,15 @@ <h2 class="no-num no-toc" id=toc>Table of Contents</h2>
 
      <li><a href="#css-values"><span class=secno>7.4. </span>CSS Values</a>
       <ul class=toc>
-       <li><a href="#examples0"><span class=secno>7.4.1. </span>Examples</a>
+       <li><a href="#parsing-css-values"><span class=secno>7.4.1.
+        </span>Parsing CSS Values</a>
+
+       <li><a href="#serializing-css-values"><span class=secno>7.4.2.
+        </span>Serializing CSS Values</a>
+        <ul class=toc>
+         <li><a href="#examples0"><span class=secno>7.4.2.1.
+          </span>Examples</a>
+        </ul>
       </ul>
     </ul>
 
@@ -3261,6 +3269,9 @@ <h4>CSS Properties</h4>
 
   <h3 id=css-values><span class=secno>7.4. </span>CSS Values</h3>
 
+  <h4 id=parsing-css-values><span class=secno>7.4.1. </span>Parsing CSS
+   Values</h4>
+
   <p>To <dfn id=parse-a-css-value>parse a CSS value</dfn> for a given <var
    title="">property</var> means to a parse the given value according to the
    definition of the property that is an <a
@@ -3273,6 +3284,9 @@ <h3 id=css-values><span class=secno>7.4. </span>CSS Values</h3>
    of the property value space and will therefore cause <a
    href="#parse-a-css-value">parse a CSS value</a> to return null.
 
+  <h4 id=serializing-css-values><span class=secno>7.4.2. </span>Serializing
+   CSS Values</h4>
+
   <p>To <dfn id=serialize-a-css-value>serialize a CSS value</dfn> run these
    steps:
 
@@ -3435,7 +3449,7 @@ <h3 id=css-values><span class=secno>7.4. </span>CSS Values</h3>
     <p>but the color <code>WINDOWTEXT</code> becomes <code>WindowText</code>.</p>
   </ol>
 
-  <h4 id=examples0><span class=secno>7.4.1. </span>Examples</h4>
+  <h5 id=examples0><span class=secno>7.4.2.1. </span>Examples</h5>
 
   <p>The steps above should guarantee that there is no data loss, from a CSS
    point of
@@ -3475,9 +3489,9 @@ <h4 id=examples0><span class=secno>7.4.1. </span>Examples</h4>
       <td><code>list-style: disc</code>
 
      <tr>
-      <td><code>margin: 0px 1px 1px 1px</code>
+      <td><code>margin: 0 1px 1px 1px</code>
 
-      <td><code>margin: 0 1px 1px</code>
+      <td><code>margin: 0px 1px 1px</code>
 
      <tr>
       <td><code>azimuth: behind left</code>

cssom/Overview.src.html

@@ -2486,6 +2486,7 @@ <h4>CSS Properties</h4>
 
   <h3>CSS Values</h3>
 
+  <h4>Parsing CSS Values</h4>
 
   <p>To <dfn id="parse-a-css-value">parse a CSS value</dfn> for a given
   <var title="">property</var> means to a parse the given value according to
@@ -2500,6 +2501,8 @@ <h3>CSS Values</h3>
   <span>parse a CSS value</span> to return null.</p>
 
 
+  <h4>Serializing CSS Values</h4>
+
   <p>To <dfn id="serialize-a-css-value">serialize a CSS value</dfn> run
   these steps:</p>
 
@@ -2645,7 +2648,7 @@ <h3>CSS Values</h3>
    </li>
   </ol>
 
-  <h4>Examples</h4>
+  <h5>Examples</h5>
 
   <p>The steps above should guarantee that there is no data loss, from a CSS
   point of view<!--, other than for color values on systems with colors stored
@@ -2663,7 +2666,7 @@ <h4>Examples</h4>
      <tr><td><code>outline: none</code><td><code>outline: invert</code>
      <tr><td><code>border: none</code><td><code>border: medium</code>
      <tr><td><code>list-style: none</code><td><code>list-style: disc</code>
-     <tr><td><code>margin: 0px 1px 1px 1px</code><td><code>margin: 0 1px 1px</code>
+     <tr><td><code>margin: 0 1px 1px 1px</code><td><code>margin: 0px 1px 1px</code>
      <tr><td><code>azimuth: behind left</code><td><code>azimuth: 220deg</code>
      <tr><td><code>font-family: a, 'b"', serif</code><td><code>font-family: "a", "b\"", serif</code>
      <tr><td><code>content: url('h)i') '\[\]'</code><td><code>content: url(h\)i) "[]"</code>