标签css将文本放在y轴中间

Question

我使用了标签，并为我的内容设置了背景颜色，高度和宽度。

我使用text-align：center;将文本对齐x轴的中心。

如何在y轴的中间对齐？

Answer 1

使用flexbox，您可以指定align-items: center; justify-content: center;将文本置于元素中心。

p {
  background: red;
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  }

<p>a tag</p>