/*.parent{background:#ff8787; }*/

/*.child{height:300px;width:300px;background:#e599f7; }*/



/** 水平居中 七种





*/
/*公共样式*/
.parent{background: #f87}
.child{height: 300px;width: 300px;background: #e599f7}



/*no1.
使用text-align属性
    对于子级为 display: inline-block; 可以通过 text-align: center; 实现水平居中
*/
.parent{text-align: center;}
.child{display: inline-block;}