Re: Centering left-floated items - how? Please help!

On 2006-12-05, rudicheow (AT) gmail (DOT) com <rudicheow (AT) gmail (DOT) com> wrote:

SHORT VERSION
=============

I have a bunch of identical fixed-size single-celled tables that rest
against each other horizontally thanks to "float:left". These tables
are dynamically generated and the number of them can vary greatly. They
are all contained within a parent table cell, which is centred on the
page. But I am unable to find a way of centering these table cells
within the parent cell.

I basically need to be able to have fixed-size image containers stacked
horizontally (which is why I use float:left), but to have those centred
(which float:left negates).

I've tried DIVs, and the behaviour is the same. Any ideas? Thanks.

display: inline-table in conjunction with text-align: center on the
container would be the best way, but doesn't work in Firefox.

The effect could also be achieved with display: inline-block, but that's
also not supported by FF.

Without those two options, since you don't know the number of the little
tables in advance, I don't know of a way to do this.