盒子居中和内容居中

text-align：center是让盒子存储文字、图片水平居中，并不能让其他类型子元素水平居中

margin：0 auto是盒子自己水平居中

css中所有的行都有行高，行高和盒子的高不是同一个概念，文字在行高中默认垂直居中，盒子只有一行文字时，可以设置行高等于盒子高度让文字垂直居中，盒子有多行文字时，需要通过padding来设置垂直居中