title: Remove the column tendency from HTML tables
body: <p>I'm working on designing up a table with 7 images in it that are all roughly the same size. Basically, I was wondering if there is a way (other then splitting each row into a different table) to change the HTML tendency to put everything in columns, and force it to lay it out based on rows.</p>
  
  <p>Here is a <a href="http://jsfiddle.net/n2C7N/" rel="nofollow noreferrer">jsfiddle</a> of what it is. (I used Lorem Ipsum instead of the images) I would like the top and bottom row centered.</p>
  
  <p>I know I can do this if I was to split it into three tables and set each one to have a <code>width:xxxpx</code> and <code>margin: 0 auto</code>, but would rather not do that.</p>
  
  <p>Any suggestions are appreciated.</p>