fix spacing and confusion in example h1 heading with small tag

docs/index.html

@@ -256,7 +256,7 @@
     <h2>Headings and copy</h2>
     <p>A standard typographic hierarchy for structuring your webpages.</p>
   </div>
-  <div class="span6 columns">
+  <div class="span4 columns">
     <h1>h1. Heading 1</h1>
     <h2>h2. Heading 2</h2>
     <h3>h3. Heading 3</h3>
@@ -264,11 +264,10 @@
     <h5>h5. Heading 5</h5>
     <h6>h6. Heading 6</h6>
   </div>
-  <div class="span6 columns">
+  <div class="span8 columns">
     <h3>Example paragraph</h3>
     <p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
-    <h1>Example heading<small>Has sub-heading…</small></h1>
-    <p>You can also add subheadings with the <code>&lt;strong&gt;</code> and <code>&lt;em&gt;</code></p>
+    <h1>Example heading <small>Has sub-heading&hellip;</small></h1>
   </div>
 </div>