title: HTML & CSS: Can't center my tables
body: <p>I'm struggling to get my 3 tables to be centered in the page.</p>
  
  <p>Here's a picture of what it looks like currently:</p>
  
  <p><img src="https://i.stack.imgur.com/4tlvT.png" alt="http://s2.postimg.org/5qbkb264p/tables.png"></p>
  
  <p>Basically (from look at the image), I want the second/middle table ("Work" table) to be the only table in center, and the other 2 tables ("About" and "Collaborate" tables; left and right from the middle, respectively) to have spread out a bit (using margin, I would assume).</p>
  
  <p>Here's my HTML:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.fixedWidth2 {
    margin: 0 auto;
    width: 1000px;
    height: 350px;
    background-color: green;
    border: 2px solid yellow;
  }
  
  .tableProp1 {
    width: 200px;
    float: left;
    margin-left: ;
  }
  
  .tableProp1 tr td {
    height: 200px;
    color: red;
  }
  
  .tableProp2 {
    margin-left: 40px;
    width: 200px;
    float: left;
  }
  
  .tableProp2 tr td {
    height: 200px;
    color: pink;
  }
  
  .tableProp3 {
    margin-left: 40px;
    width: 200px;
    float: left;
  }
  
  .tableProp3 tr td {
    height: 200px;
    color: blue;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="mainContent"&gt;
    &lt;div class="fixedWidth2"&gt;
      &lt;table class="tableProp1" border="1"&gt;
        &lt;tr&gt;
          &lt;th&gt;About&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;Learn more about me and my accomplishments.&lt;/td&gt;
      &lt;/table&gt;
      &lt;table class="tableProp2" border="1"&gt;
        &lt;tr&gt;
          &lt;th&gt;Work&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;I tend to get involved with a lot of different projects. Ranging from a simple photoshop gig to having a small role in a television/pilot&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
      &lt;table class="tableProp3" border="1"&gt;
        &lt;tr&gt;
          &lt;th&gt;Collaborate&lt;/th&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;Have a brand new or idea of a project? Whatever help you may need, I may be of some assistance to&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
    &lt;/div&gt;
    &lt;!-- Fixed Width 2 DIV for Main Content DIV --&gt;
  &lt;/div&gt;
  &lt;!-- mainContent DIV --&gt;</code></pre>
  </div>
  </div>
  </p>