title: Forcing table rows to appear on the same line using CSS
body: <p>I have a two-row table like this:</p>
  
  <pre><code>---------------------------
  | 1 Item | Total: $370.00 |
  ---------------------------
  |   View Cart   Check-out |
  ---------------------------
  </code></pre>
  
  <p>I want it to display inline, like this:</p>
  
  <pre><code>| 1 Item | Total: $370.00 | View Cart   Check-out |
  </code></pre>
  
  <p>Is this possible with CSS?
  Note: Unfortunately this code is produced by my CMS and it would be difficult to change it to use divs and then CSS float:left or display:inline-block.</p>
  
  <p>Simplified HTML:</p>
  
  <pre><code>&lt;table class="cart-block-summary"&gt;
   &lt;tbody&gt;
    &lt;tr&gt;
     &lt;td class="cart-block-summary-items"&gt;1 Item&lt;/td&gt;
     &lt;td class="cart-block-summary-total"&gt;Total: $370.00&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="cart-block-summary-links"&gt;
     &lt;td colspan="2"&gt;View cart  Checkout&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>