HTML 元素居中方法：文本、块级元素、Flexbox 和 Grid 布局

要将 HTML 元素居中，您可以使用 CSS 中的以下方法之一：

1. 使用 'text-align' 属性将文本水平居中：

居中的文本

2. 使用 'margin' 属性将块级元素水平和垂直居中：

居中的块级元素

3. 使用 Flexbox 布局将元素水平和垂直居中：

居中的元素

4. 使用 Grid 布局将元素水平和垂直居中：

居中的元素

请注意，这些方法适用于不同的情况，具体取决于您想要居中的元素类型和用途。