Html 如何将置于内联和中间

我试着把盒子放在中间，让它们保持在线

以下是我尝试过的：

HTML:

标签。不要用它

使截面元素居中的一种方法是将其显示设置为内联块，删除float:left，然后将text align:center添加到父容器元素。这样做时，子元素居中，因为它们是内联级别的，并且它们尊重父元素的“文本对齐”属性

.集装箱{ 文本对齐：居中； } .盒子{ 显示：内联块； 宽度：100px； 高度：100px； 背景色：0f0； 利润率：10px； } 方框1 方框2 标签。不要用它

使截面元素居中的一种方法是将其显示设置为内联块，删除float:left，然后将text align:center添加到父容器元素。这样做时，子元素居中，因为它们是内联级别的，并且它们尊重父元素的“文本对齐”属性

.集装箱{ 文本对齐：居中； } .盒子{ 显示：内联块； 宽度：100px； 高度：100px； 背景色：0f0； 利润率：10px； } 方框1 方框2

---

我的和你的差不多，所以我把你的投了赞成票，把我的删掉了我整天都在试着这么做：德明和你的差不多，所以我把你的投了赞成票，把我的删掉了我一整天都在试着这么做：D

<center>
  <section class="box">BOX 1</section>
  <section class="box">BOX 2</section>
</center>

.box {
  float: left;
  text-align: center;
  width: 100px;
  height: 100px;
  background: green;
  margin: 10px;
}