address issue #414 and fix up a number of docs loose ends

docs/base-css.html

@@ -197,7 +197,8 @@
   <h2>Lists</h2>
   <div class="row">
     <div class="span3">
-      <h4>Unordered <code>&lt;ul&gt;</code></h4>
+      <h4>Unordered</h4>
+      <p><code>&lt;ul&gt;</code></p>
       <ul>
         <li>Lorem ipsum dolor sit amet</li>
         <li>Consectetur adipiscing elit</li>
@@ -217,7 +218,8 @@
       </ul>
     </div>
     <div class="span3">
-      <h4>Unstyled <code>&lt;ul.unstyled&gt;</code></h4>
+      <h4>Unstyled</h4>
+      <p><code>&lt;ul class="unstyled"&gt;</code></p>
       <ul class="unstyled">
         <li>Lorem ipsum dolor sit amet</li>
         <li>Consectetur adipiscing elit</li>
@@ -237,7 +239,8 @@
       </ul>
     </div>
     <div class="span3">
-      <h4>Ordered <code>&lt;ol&gt;</code></h4>
+      <h4>Ordered</h4>
+      <p><code>&lt;ol&gt;</code></p>
       <ol>
         <li>Lorem ipsum dolor sit amet</li>
         <li>Consectetur adipiscing elit</li>
@@ -250,7 +253,8 @@
       </ol>
     </div>
     <div class="span3">
-      <h4>Description <code>&lt;dl&gt;</code></h4>
+      <h4>Description</h4>
+      <p><code>&lt;dl&gt;</code></p>
       <dl>
         <dt>Description lists</dt>
         <dd>A description list is perfect for defining terms.</dd>
@@ -286,7 +290,7 @@
   &lt;h1&gt;Heading&lt;/h1&gt;
   &lt;p&gt;Something right here...&lt;/p&gt;
 &lt;/div&gt;</pre>
-          <p><strong>Note:</strong> Be sure to keep code within <code>pre</code> tags as close to the left as possible; it will render all tabs.</p>
+          <p><strong>Note:</strong> Be sure to keep code within <code>&lt;pre&gt;</code> tags as close to the left as possible; it will render all tabs.</p>
         </td>
       </tr>
       <tr>