title: multiple tables on same line
body: <p>I have three tables that are all contained in a div. I am trying to get them to all show inline in the div, but they each show on their own line. I set them all to display: inline at the table level, but this didn't do the trick. Any ideas of how to get multiple tables to show on the same line?</p>
  
  <pre><code> &lt;div id="container"&gt;
     &lt;table id="previous-arrow" class="scroll"&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;a href="#" id="nav-prev"&gt;&lt;span&gt;Previous&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
     &lt;/table&gt;
     &lt;table id="tour-carousel"&gt;
      &lt;tr id="carousel-row"&gt;
          &lt;td&gt;data here&lt;/td&gt; 
      &lt;/tr&gt;
     &lt;/table&gt;
     &lt;table id="next-arrow" class="scroll"&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;a href="#" id="nav-next"&gt;&lt;span&gt;Next&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
     &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>