在CSS中，您可以使用`text-align`屬性將字體顯示在元素的中央，以下是一些示例和說明，幫助您更好地理解和應用這個屬性。

### 1. 水平居中

如果您希望文本在水平方向上居中顯示，可以使用`text-align: center;`，這將使文本在其容器的中心水平對齊。

```css

div {

text-align: center;

```

### 2. 垂直居中

在CSS中，垂直居中的實現稍微復雜一些，您可以使用`line-height`屬性來設置文本行的高度，使其與容器的高度相匹配，從而實現垂直居中。

```css

div {

height: 100px;

line-height: 100px;

```

### 3. 居中塊元素

如果您有一個塊級元素（如`div`），并且希望該元素及其內容在容器中居中顯示，可以使用`margin`屬性來設置外邊距，從而實現居中效果。

```css

div {

margin: auto;

width: 50%; /* 或者其他百分比 */

```

### 4. 居中行內元素

對于行內元素（如`span`），您可以使用`text-align`屬性來使其內容在容器中居中顯示。

```css

span {

text-align: center;

```

### 示例代碼

以下是一個完整的示例，展示了如何在一個`div`元素中居中顯示文本：

```html

```

### 總結

- 使用`text-align: center;`使文本在水平方向上居中顯示。

- 通過設置`line-height`與容器高度相同，可以實現文本的垂直居中。

- 對于塊級元素，使用`margin: auto;`和設置寬度可以實現居中效果。