Put the formatting that one wants to create in left column of help page.

In general it seems like the more intuitive way to organize this table
-- you're going to be first find the formatting you're trying to make
visually, and then look across to find its syntax, not the other way
around.

(imported from commit 59c932a8763d1d532e896903f597d7c0193b5de9)

templates/zephyr/markdown_help.html

@@ -8,63 +8,63 @@
     <div id="markdown-instructions">
       <table class="table table-striped table-condensed table-rounded table-bordered" id="fmt_help_table">
         <thead><tr>
+          <th>To produce</th>
           <th>You type</th>
-          <th>You get</th>
         </tr></thead>
 
         <tbody>
         <tr>
-          <td>**bold**</td>
           <td><b>bold</b></td>
+          <td>**bold**</td>
         </tr>
         <tr>
-          <td>[Bah!](http://humbughq.com)</td>
           <td><a href="http://humbughq.com" target="_blank">Bah!</a></td>
+          <td>[Bah!](http://humbughq.com)</td>
         </tr>
         <tr>
-          <td>* a<br/>
-            * b<br/>
-            * c<br/>
-          </td>
           <td>
             <ul>
               <li>a</li>
               <li>b</li>
               <li>c</li>
           </td>
+          <td>* a<br/>
+            * b<br/>
+            * c<br/>
+          </td>
         </tr>
         <tr>
-          <td>&gt; Quoted</td>
           <td><blockquote>Quoted</blockquote></td>
+          <td>&gt; Quoted</td>
         </tr>
         <tr>
-          <td>Some inline `code`</td>
           <td>Some inline <code>code</code></td>
+          <td>Some inline `code`</td>
         </tr>
         <tr>
+          <td><pre>def bah():
+    print "Humbug"</pre></td>
           <td class="preserve_spaces">~~~
 def bah():
     print "Humbug"
 ~~~</td>
-          <td><pre>def bah():
-    print "Humbug"</pre></td>
         </tr>
         <tr>
-          <td class="preserve_spaces">~~~ .py
-def bah():
-    print "Humbug"
-~~~</td>
           <td>
             <div class="codehilite"><pre><span class="k">def</span> <span class="nf">bah</span><span class="p">():</span>
     <span class="k">print</span> <span class="s">"Humbug"</span></pre></div>
           </td>
+          <td class="preserve_spaces">~~~ .py
+def bah():
+    print "Humbug"
+~~~</td>
         </tr>
         <tr>
           <td colspan="2">You can also make a code block by indenting each line with 4 spaces.</td>
         </tr>
         <tr>
-          <td>:heart: (and <a href="http://www.emoji-cheat-sheet.com/" target="_blank">many others</a>)</td>
           <td><img alt=":heart:" class="emoji" src="static/third/gemoji/images/emoji/heart.png" title=":heart:"></td>
+          <td>:heart: (and <a href="http://www.emoji-cheat-sheet.com/" target="_blank">many others</a>)</td>
         </tr>
         </tbody>
       </table>