将内联块的div居中

Question

我有一个.container div，我想在页面上居中。

不幸的是，div应该适合里面的桌子。 因此，如果表位于页面的75％，我也希望.container也位于页面的75％。

我的.container看起来像这样：

.container{
  display:inline-block;
  background:#FFF;
  height:500px;
  max-width:80%;
}

我在这里做了一个JSFiddle。

感谢您的帮助！

Answer 1

将text-align:center添加到inline-block元素的父元素将使其居中。

在这种情况下，它将是：

body {
    text-align:center;
}