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;