如何在 HTML 中将文本内容水平对齐到中心？

当我们需要在 HTML 文档中将文本内容进行水平居中对齐时，可以使用以下几种方式：

1. 使用 text-align 属性

我们可以通过设置 text-align 属性来实现水平居中对齐。将该属性设置为 center 即可：

<div style="text-align: center;">
    <p>Hello, World!</p>
</div>

2. 使用 margin 属性

还可以通过设置 margin 属性来实现水平居中对齐。将左右 margin 值设置为 auto 即可：

<div style="margin: 0 auto;">
    <p>Hello, World!</p>
</div>

3. 使用 flexbox 属性

也可以使用 flexbox 属性来实现水平居中对齐。将容器的 display 属性设置为 flex，同时将子元素的 justify-content 属性设置为 center 即可：

<div style="display: flex; justify-content: center;">
    <p>Hello, World!</p>
</div>

以上三种方法都可以实现文本内容的水平居中对齐。具体使用哪种方法取决于具体情况，可以根据需要进行选择。

参考资料：

1. CSS text-align 属性
2. CSS margin 属性
3. CSS flexbox 属性