title: HTML how to align two tables in one row?
body: <p>How to align two tables in one row, in the middle of the page?
  The results that I want to see:</p>
  
  <pre><code>                                11 12   11 12
                                  21 22   21 22
  </code></pre>
  
  <p>The result that I get:</p>
  
  <pre><code>11 12
  21 22
  11 12
  21 22
  </code></pre>
  
  
  
  <pre><code>&lt;table border="0" cellspacing="0" cellpadding="0"&gt;
    &lt;tr&gt;
      &lt;td&gt;11&lt;/td&gt;
      &lt;td&gt;12&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;table border="0" cellspacing="0" cellpadding="0"&gt;
    &lt;tr&gt;
      &lt;td&gt;11&lt;/td&gt;
      &lt;td&gt;12&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;21&lt;/td&gt;
      &lt;td&gt;22&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>