title: Help with html table layout
body: <p>I want to show the below layout using html tables. </p>
  
  <pre><code> foo      : jack
   products : bag
              bat
              ball
              shoes
   blah     : olah
  </code></pre>
  
  <p>I tried this but its not working as my expectations.</p>
  
  <pre><code>&lt;table border="1"&gt;
    &lt;tr&gt;
    &lt;th&gt;row 1&lt;/th&gt;
    &lt;td&gt; Hello&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
    &lt;th&gt;row 1&lt;/th&gt;
    &lt;td&gt;
    &lt;table&gt;
    &lt;tr&gt;foo1&lt;/tr&gt;
    &lt;tr&gt;foo2&lt;/tr&gt;
    &lt;/table&gt;
    &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
    &lt;th&gt;row 1&lt;/th&gt;
    &lt;td&gt; Hello&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/table&gt;
  </code></pre>