水平居中

1、margin

block元素有效

margin: 0 auto;

2、position

position: absolute;
left: 50%;
margin-left: 50px; //宽度的一半

3.text-align

对inline、inline-block元素有效

.parent {
    text-align: center;
}

比如li水平排列居中

ul{
    text-align: center;
}
li {
    display: inline-block;
}

4、postion+margin

解决定位后水平居中的问题

position: absolute;
left: 0;
right: 0;
margin: auto;

二级标题

三级标题

四级标题

注：