如何为css水平对齐两个容器？

要实现CSS水平对齐两个容器，可以使用以下方法：

1. 使用Flexbox布局：将两个容器放在一个父容器中，并将父容器的display属性设置为flex。然后使用justify-content属性来控制子容器的水平对齐方式。例如，设置为"center"可以使子容器水平居中对齐。

.parent-container {
  display: flex;
  justify-content: center;
}

1. 使用Grid布局：将两个容器放在一个父容器中，并将父容器的display属性设置为grid。然后使用justify-items属性来控制子容器的水平对齐方式。例如，设置为"center"可以使子容器水平居中对齐。

.parent-container {
  display: grid;
  justify-items: center;
}

1. 使用文本对齐属性：将两个容器放在一个父容器中，并将父容器的text-align属性设置为center。这将使子容器内的文本水平居中对齐，从而实现容器的水平对齐。

.parent-container {
  text-align: center;
}

以上是三种常用的方法来实现CSS水平对齐两个容器。根据具体情况选择适合的方法。