为什么我的文字不对齐？

Question

这是代码。 文本对齐不起作用。

html {
    position: fixed;
    top: -50px;
    background-color: #c4f3ff;
}

div {
    width: 100%;
    height: 50px;
    text-align: center;
}
h1 {
    font-family: monospace;
    line-height: normal;
    color: #fffb29;
    font-size: 50px;
    position: fixed;
    top: -20px;
}

以下是结果的屏幕截图

Answer 1

你的意思是黄色文字需要与中心/右边或某处对齐？ 如果是这样，你只需使用：

h1{
   width:100%;
   text-align:center;
}

Answer 2

在您的css文件中，您使用

标记了您的html（??）和所有div

position: fixed;

定位固定元素也需要宽度。添加

width: 100%;

或

width: 100vw;

因此它可以使您的文字居中。