CSS replacement for <div align="center">

div {width:400px; text-align: center;}
table {display:inline-block;}

Should work as well in addition to Paul's answer.

http://jsfiddle.net/KFMyn/13/

The text align center covers most of the text elements but a little extra is needed to centre align the table

div {width:400px; text-align:center;}
table {margin: 0 auto;}
table td {text-align: left;}

http://jsfiddle.net/NYuv8/4/

div {width:400px; margin: 0 auto; text-align: center; }
div > * { margin: 0 auto; }

Works for me. But this may not work properly when you have multiple nested dom elements

Related