css - 在 div 上居中文本 (CSS)

Question

我正在尝试将一些文本对齐到 <div> 的中心使用伪元素和绝对定位。

color: #fff;
content: "Hello";
font-size: 500px;
opacity: 0.2;
transform: translateY(-50%);
top: 50%;
left: 50%;

好像不行。这可以实现吗？
我可以创建一个额外的 <div>但认为这样更整洁。

Answer 1

检查这段代码:

div{
  border: 1px solid #e4e6e8;
  line-height: 202px;
  text-align: center;
  vertical-align: middle;
}

<div>Some text.</div>