css中元素一共有三類: 塊級元素，內聯（行內）元素和內聯塊元素

塊級元素

元素寬高可設定，獨佔一行
巢狀（包含）下，子塊元素寬度（沒有定義情況下）和父塊元素寬度預設一致
設定display：block可將元素顯示為塊級元素，從而使元素有塊級元素的特點
典型代表：div、h1~h6、p、ul、li

內聯（行內）元素

元素的寬、高以及頂和底邊距不可設定，不獨佔一行
元素的寬度就是它包含的文字或圖片的寬度，不可改變
典型代表：span、a、strong、em、del、ins

內聯塊級元素（display：inline-block將元素設定為內聯塊級元素）

和其他元素都在一行上
元素的寬、高以及頂部和底邊距可以設定
典型代表：input、img

所以一般的水平居中問題:
1.text，和內聯元素、行內塊常設定:

text-align:center;

2.塊元素的水平居中：

先設定width，再設定水平方向margin為auto;