title: Horizontally align table rows
body: <p>Is it possible to horizontally align table rows?</p>
  
  <p><strong>What most people will say:</strong> <em>"Why do you start a new row if you want the cells to align horizontally?"</em></p>
  
  <p><strong>My anwser:</strong> <em>"I can't control the table structure. I just can't, okay?"</em></p>
  
  <hr>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>tr {
      display: inline;
  }
  </code></pre>
  
  <p>This looks fine in FireFox, but Internet Explorer 7 aligns the rows vertically. I would prefer not to use JavaScript.</p>
  
  <p>EDIT: Before you start JavaScript-hacking, I already came up with something like this:</p>
  
  <pre><code>String.prototype.replace.call(table.innerHTML,/&lt;\/tr&gt;.*&lt;tr&gt;/,"")
  </code></pre>