html css字体在盒子居中

要使文本在盒子中居中，可以使用以下CSS代码：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.text {
  text-align: center;
  font-size: 24px;
  font-family: Arial;
}

在上面的代码中，我们使用了flex布局来居中文本。 `justify-content: center;` 属性将文本水平居中， `align-items: center;` 属性将文本垂直居中。 `height: 100vh;` 属性设置了容器的高度为浏览器视口的高度。 `text-align: center;` 属性设置文本在容器中水平居中。 `font-size` 和 `font-family` 属性设置文本的字号和字体。