首先，请不要再使用<center>和align来居中页面了，这是Stone Age人们的用法。
其次，请区分元素是block-level还是inline的，具体可以通过wiki查看，list of inline-level elements 和 list of block-level elements.block-level元素不会受text-align属性控制，同时inline元素可以通过display属性控制显示的类别，比如你指定img { display: block; }，text-align也不会生效。
水平居中inline内容
如前所属，inline元素只要使用{ text-align: center; }就可以实现，而且该属性是加在父元素上，影响子元素的布局
但需要注意两点，1是IE的Bug，另一个是text-align是继承的。
水平居中block-level元素
使用margin属性，设置{ margin:auto; width:auto}
http://haslayout.net/css-tuts/Horizontal-Centering
