块级元素水平居中的方法

我现在有一个块级元素，宽200px，高200px，背景颜色为粉色。

<div class="box" style="width: 200px; height: 200px; background-color: pink;"></div>

请问，如何将这个块级元素水平居中？

方法很简单，这就用到margin: 0 auto了！

margin: 0 auto;等价于 margin-left: auto; margin-right: auto;

它将左右margin设置成一样的，所以元素就得到了水平居中的处理。

<div class="box" style="width: 200px; height: 200px; background-color: pink;margin:0 auto;"></div>