div里面如何 居中对齐

在HTML和CSS中，要使`div`元素在其父元素中水平居中，可以使用以下几种方法：

1. 使用`text-align: center;`属性（如果`div`是父元素的直接子元素）。

2. 使用`margin: auto;`属性。

3. 使用Flexbox布局。

4. 使用Grid布局。

以下是具体实现的示例代码：

方法1：使用`text-align: center;`

```html