Fix markup errors

Author: fantasai

css3-writing-modes/Overview.html

@@ -249,7 +249,7 @@ <h2 class="no-num no-toc" id=Contents>Table of Contents</h2>
 
      <li><a href="#caption-side"><span class=secno>7.7. </span> Table Caption
       Mappings: the &lsquo;<code class=property>caption-side</code>&rsquo;
-      property </a>
+      property</a>
     </ul>
 
    <li><a href="#text-combine"><span class=secno>8. </span>Glyph Composition:
@@ -1174,8 +1174,9 @@ <h3 id=replaced-baselines><span class=secno>4.3. </span> Atomic Inline
 
    <dt>central
 
-   <dd>The central baseline is assumed to be halfway between the <i>under<i>
-    and <i>over<i> margin edges of the box. </i></i></i></i>
+   <dd>The central baseline is assumed to be halfway between the <a
+    href="#under"><i>under</i></a> and <a href="#over"><i>over</i></a> margin
+    edges of the box.
   </dl>
 
   <h3 id=baseline-alignment><span class=secno>4.4. </span> Baseline Alignment</h3>
@@ -1197,9 +1198,6 @@ <h3 id=baseline-alignment><span class=secno>4.4. </span> Baseline Alignment</h3>
 
      <pre>&lt;p&gt;&lt;span class="outer"&gt;Ap &lt;span class="inner"&gt;<i>ji</i>&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;</pre>
 
-     <pre>
-        </pre>
-
      <p>And the following style rule:
 
      <pre>span.inner { font-size: .75em; }</pre>

css3-writing-modes/Overview.src.html

@@ -529,7 +529,7 @@ <h2 id="vertical-intro">
                  Some glyphs, however change: a period mark shifts from the
                  bottom left of its glyph box to the top right. Running
                  headers, however, may remain
-                 laid out horizontally across the top of the page."/></p>
+                 laid out horizontally across the top of the page."></p>
     <p class="caption">Comparison of vertical and horizontal Japanese: iBunko application (iOS)</p>
   </div>
 
@@ -550,7 +550,7 @@ <h2 id="vertical-intro">
     <p><img src="vert-latin-layouts.png"
             alt="A dictionary definition for &#x30F4;&#x30A3;&#x30EB;&#x30B9;
                  might write the English word 'virus' rotated 90&deg; clockwise,
-                 but stack the letters of the initialisms 'RNA' and 'DNA' upright."/></p>
+                 but stack the letters of the initialisms 'RNA' and 'DNA' upright."></p>
     <p class="caption">Examples of Latin in vertical Japanese: Daijirin Viewer 1.4 (iOS)</</p>
   </div>
 
@@ -564,7 +564,7 @@ <h2 id="vertical-intro">
                  horizontal-in-vertical blocks; the years are written with
                  each character upright; except in the English phrase
                  &ldquo;for Mac 2011&rdquo;, where the date is rotated to
-                 match the rotated Latin."/></p>
+                 match the rotated Latin."></p>
     <p class="caption">Mac Fan, December 2010, p.49</p>
   </div>
 
@@ -574,7 +574,7 @@ <h2 id="vertical-intro">
     <p><img src="vert-horiz-combination.png"
             alt="Magazines often mix horizontal and vertical layout; for
                  example, using one orientation for the main article text
-                 and a different one for sidebar or illustrative content."/></p>
+                 and a different one for sidebar or illustrative content."></p>
     <p class="caption">Mixture of vertical and horizontal elements</p>
   </div>
 
@@ -831,7 +831,7 @@ <h3 id="replaced-baselines">
       margin edge.</dd>
     <dt>central</dt>
     <dd>The central baseline is assumed to be halfway between the
-    <i>under<i> and <i>over<i> margin edges of the box.
+    <i>under</i> and <i>over</i> margin edges of the box.
   </dl>
 
 <h3 id="baseline-alignment">
@@ -850,7 +850,7 @@ <h3 id="baseline-alignment">
       is something else.)
       <div class="example">
         <p>Given following sample markup:
-        <pre>&lt;p&gt;&lt;span class="outer"&gt;Ap &lt;span class="inner"&gt;<i>ji</i>&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;<pre>
+        <pre>&lt;p&gt;&lt;span class="outer"&gt;Ap &lt;span class="inner"&gt;<i>ji</i>&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;</pre>
         <p>And the following style rule:
         <pre>span.inner { font-size: .75em; }</pre>
         <p>The baseline tables of the parent (<code>.outer</code>) and the child
@@ -1008,7 +1008,7 @@ <h3 id="text-orientation">Orienting Text: the 'text-orientation' property</h3>
   <div class="figure">
     <img
       alt="text-orientation: vertical-right, upright, rotate-left, and rotate-right"
-      src="text-orientation.png" width="192" height="100" />
+      src="text-orientation.png" width="192" height="100" >
     <p class="caption">text-orientation: vertical-right, upright, rotate-left, and rotate-right</p>
   </div>
 
@@ -1634,7 +1634,7 @@ <h3 id="physical-only">
   </ul>
 
 <h3 id="caption-side">
-Table Caption Mappings: the 'caption-side' property</h4>
+Table Caption Mappings: the 'caption-side' property</h3>
 
   <p>This module introduces two new values to the 'caption-side' property:
     ''before'' and ''after'', which position the caption before and