html中块居中的代码

在HTML中，我们经常需要让一些内容居中显示，比如网页的标题、图片、段落等。那么，如何将这些内容水平居中呢？ 以下是两种实现方式：

.text-center {
    text-align: center;
}

上面的代码是通过CSS样式表中的text-align属性来让文字水平居中的。我们可以在需要居中的标签中，添加类名为text-center的样式即可。

除了文字，我们还可以让块元素水平居中显示。下面是一种常见的实现方式：

.container {
    width: 80%; /* 宽度可根据实际需求调整 */
    margin: 0 auto; /* 左右外边距设置为auto */
}

上面的代码用了CSS中的margin属性，设置左右外边距为auto，让容器在父容器中水平居中。该方法适用于块级元素，如div、p、ul等。