将一个内联块的div居中

Question

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

不幸的是，div应该适合内部的表格。因此，如果表格占网页的75％，我希望.container也达到75％。

我的.container看起来像这样：

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

我制作了一个JSFiddle here。

感谢您的帮助！

Answer 1

将text-align:center添加到inline-block元素的父级会将其置于中心位置。

Updated jsFiddle here

在这种情况下，它将是：

body {
    text-align:center;
}