1. 文本居中：使用CSS的`textalign`属性。

```html.center { textalign: center;}

居中的标题居中的段落。

2. 水平居中块级元素：使用CSS的`margin: auto;`属性。

```html.centerblock { width: 50%; margin: auto;}

这是一个块级元素，宽度为50%，并水平居中。

3. 垂直居中：使用CSS的`display: flex;`和`alignitems: center;`属性。

```html.centervertical { display: flex; alignitems: center; height: 200px; / 设置容器的高度 /}

这是一个垂直居中的元素。

4. 水平垂直居中：结合使用上述方法。

```html.centerboth { width: 50%; height: 200px; margin: auto; display: flex; alignitems: center; justifycontent: center;}

这是一个水平和垂直居中的元素。

这些方法可以根据具体需求进行调整和组合，以实现不同的居中效果。

一、文本居中

1. 使用CSS的text-align属性

text-align属性可以设置元素的文本对齐方式，其中center值可以实现文本水平居中。例如：