使两个方块在一条直线上html

你可以使用CSS的flexbox布局来实现将两个方块放在同一行上。首先，你需要在HTML中创建两个方块的元素，例如使用div元素。然后，你可以将这两个元素放在一个容器元素中，并使用CSS的flexbox属性来设置容器元素的布局。

以下是一个简单的示例代码：

HTML代码：

<div class="container">
  <div class="box1"></div>
  <div class="box2"></div>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

.box1, .box2 {
  width: 50px;
  height: 50px;
  background-color: red;
  margin: 10px;
}

在这个示例中，我们将两个方块的宽度和高度设置为50像素，并将它们的背景颜色设置为红色。我们还将它们之间的间距设置为10像素。然后，我们将它们放在一个名为“container”的容器元素中，并使用CSS的flexbox属性将它们放在同一行上并居中对齐。

希望这可以帮助到你！