title: two tables side by side
body: <p>I am new to css. I want to put two tables side by side. This is what I got.(Using bootstrap) <img src="https://i.stack.imgur.com/aoF4T.png" alt="two tables"></p>
  
  <p>I want to position the 'Pizza's' table at the middle of the page. I want the other table right side of the 'Pizza's' table. </p>
  
  <p>My css:</p>
  
  <pre><code>.table2{
  
    width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .table2 td{
    padding: 2px;
  }
  
  .table2 th{
    background-color: #d9534f;
    padding: 2px;
  }
  
  .table3{
    width: 300px;
    margin-left: auto;
    margin-right: 60px;
  }
  
  .table3 td{
    padding: 2px;
  }
  
  .table3 th{
  padding: 2px;
  }
  </code></pre>
  
  <p>my html:</p>
  
  <pre><code>&lt;div class="table2"&gt;
    &lt;h2&gt;Table&lt;/h2&gt;
  
    &lt;div class="table-borderless"&gt;          
    &lt;table class="table table-striped"&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;Pizza's&lt;/th&gt;
          &lt;th&gt;-&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;Margharita&lt;/td&gt;
          &lt;td&gt; $7.00 &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="table3" &gt;
    &lt;h2&gt;Table&lt;/h2&gt;
    &lt;div class="table-responsive"&gt;          
    &lt;table class="table table-striped"&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;Totaal&lt;/th&gt;
          &lt;th&gt;-&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;Margharita&lt;/td&gt;
          &lt;td&gt; $7.00 &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I succeed when I float one to left and other to right, but that is not what I want. I tried this also:</p>
  
  <pre><code>.table3{
    margin-left: 10px;
    display: inline-block;
  }
  </code></pre>
  
  <p>Thanks in advance</p>