将显示值设置为内联块的div居中

Question

如上图所示，帖子不居中。 我试过这些我在网上找到的解决方案，但都没有用：

• 将包装器div设置为position: relative;，将子div设置为position: absolute; left: 50%; transform: translateX(-50%);

• 在包装器div上执行position: absolute; display: table; margin-left: auto; margin-right: auto; text-align: center;。

先谢谢。

Answer 1

有一个容器并将text-align设置为center：

<div id="container" style="text-align:center">
  <div style="display:inline-block">Post 1</div>
  <div style="display:inline-block">Post 2</div>
</div>