Html 将2个元素与显示内联块居中

我有一个简单的CSS代码：

div {
    width:100px;
    height:100px;
    border:1px solid #000000;
    display:inline-block;
    margin:0 auto;
    text-align:center;
}

这个HTML代码：

<div>
</div>
<div>
</div>

---

我很难用

inline block

在屏幕上水平居中放置这两个div。

margin auto

和

text align center

都不起作用。

text align

将对齐元素的内联内容。因此，您需要将此属性应用于

的父级

text-align CSS属性描述如何在其父块元素中对齐像文本这样的内联内容。文本对齐不控制块元素本身的对齐，只控制其内联内容

在上面的例子中，我想应该是

：

---

文本对齐：中心必须位于父元素上。。在这种情况下，请在Body上试用。您必须添加一个容器div，并将文本对齐添加到容器。不是与您当前的标记对齐，否。此解决方案有什么问题？

body{
    text-align:center;
}