Is there a way to center 4 columns on a page without specifying the width?
I'm trying to convert a page I have from HTML4/Trans to HTML5. I was relying on tables to do the layout, but I'm trying to use CSS now.
So, I have several lists of codes for old games. These codes are in a table. There are four tables that I want to put side by side, but centered in the page.
If I only have two tables, I can put them in two columns, and give the first table the float right property, which ends up giving me two centered tables. I cannot figure out how to do with with 4 tables though.
This shows a demo of what I'm trying to achieve. The 4 tables on the second "row" are centered, but only because I explicitly size the container div as 870px. However, this size doesn't work when I put it in the rest of my layout. It needs to be 760 pixels at that point. So I want to take out the size altogether, but keep the centering.
Is this possible?