title: Placing three tables in one page
body: <p>I'm trying to place three tables, two in one row and the third one under the first table. Like this:</p>
  
  <p>table1        table2</p>
  
  <p>table3</p>
  
  <p>what I did does this but it doesn't create a space between table1 and table3.</p>
  
  <p>code snippet:</p>
  
  <pre><code>&lt;div style="display: block;"&gt;
    &lt;form name="" id="tableuser" method="post"&gt;
      &lt;table class="one" style="float: left"&gt;
        TABLE1
      &lt;/table&gt;
    &lt;/form&gt;
  
   &lt;form name="" id="tablegroup" method="post"&gt;
     &lt;table class="two" style="float: right"&gt;
       TABLE2
     &lt;/table&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div style="display: block;"&gt;
   &lt;table class="three" style="float: left"&gt;
     TABLE3
   &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>how can I place the tables in a correct order? thanks</p>