如何一起设置两个CSS字体水平居中

在CSS中，如果你想让文本水平居中对齐，可以采用两种常见的方法：

1. **使用`text-align`属性**:
如果你希望整个容器内的文本都居中，可以在包含文本的容器元素上设置`text-align: center;`。例如：

   .container {
     text-align: center;
   }
   
   .container p {
     /* 这里的p标签是你要居中的文本 */
   }

2. **使用Flexbox布局**:
如果容器的宽度已知并且需要支持响应式设计，可以利用Flexbox。给容器添加`display: flex; justify-content: center;`:

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

3. **使用Grid布局**:
同样地，如果容器是Grid布局，可以使用`justify-items: center;`:

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

确保选择正确的定位方式适应你的需求。