/*1 父级使用text-align:center属性使所有子文本内容水平居中*/
body{
    text-align:center;
}

/*2 利用margin属性,上外边距为0,左右自适应,需要指定宽度,这是最普遍的一种水平居中方式*/
div{
    width:400px;
    margin:0 auto;
}