title: Create two tables with space between
body: <p>How can I add these two tables beside each other with a space between them.
  With the code below they are right beneeth each other. But they need to beside each other with space between them. Is this possible and cant anyone help me out.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      .tftable {
          font-size:       12px;
          color:           #333333;
          width:           100%;
          border-width:    1px;
          border-color:    #729ea5;
          border-collapse: collapse;
      }
  
      .tftable th {
          font-size:        12px;
          background-color: #acc8cc;
          border-width:     1px;
          padding:          8px;
          border-style:     solid;
          border-color:     #729ea5;
          text-align:       left;
      }
  
      .tftable tr {
          background-color: #d4e3e5;
      }
  
      .tftable td {
          font-size:    12px;
          border-width: 1px;
          padding:      8px;
          border-style: solid;
          border-color: #729ea5;
      }
  
      .tftable tr:hover {
          background-color: #ffffff;
      }
  &lt;/style&gt;
  
  &lt;table class="tftable" border="1"&gt;
      &lt;tr&gt;&lt;th&gt;Header 1&lt;/th&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Row:1 Cell:1&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Row:2 Cell:1&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Row:3 Cell:1&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Row:4 Cell:1&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Row:5 Cell:1&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Row:6 Cell:1&lt;/td&gt;&lt;/tr&gt;
      &lt;table class="tftable" border="1"&gt;
          &lt;tr&gt;&lt;th&gt;Header 1&lt;/th&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;Row:1 Cell:1&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;Row:2 Cell:1&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;Row:3 Cell:1&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;Row:4 Cell:1&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;Row:5 Cell:1&lt;/td&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;td&gt;Row:6 Cell:1&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Is it also possible to add an break in the header because I tried this:</p>
  
  <pre><code>&lt;tr&gt;&lt;th&gt;&lt;br /&gt;Header 1&lt;/th&gt;&lt;/tr&gt;
  </code></pre>
  
  <p>But that didn't work?</p>