Html 无论我做什么，文本都不会对齐到左上角

我正在制作这个加载屏幕，但它没有将我选择的h1标记对齐到左上角。我很困惑，因为我是一个相当新的开发人员，我只有13岁。我尝试使用：

垂直对齐：顶部；
文本对齐：左对齐；

但它不起作用。如果你能帮忙，请帮忙

代码如下：

HTML5：

侧任务|简单但功能强大的待办事项应用程序
旁白

CSS3：

：：选择{
颜色：#ffff；
背景：rgb（142,73,232）；
}
html，正文{
身高：100%；
保证金：0；
}
*{
框大小：边框框；
}
身体{
文本对齐：居中；
显示：-ms flexbox；
显示器：flex；
-ms-flex-pack:center；
证明内容：中心；
-ms-flex-align：居中；
对齐项目：居中；
背景：线性梯度（至底部，rgb（38,76,158）0%，rgb（42,143,119）100%）；
}
svg{
宽度：120px；
高度：自动；
}
.文字标志{
颜色：rgb（142,73,232）；
}

记住，不要直接对

主体

标签应用任何花哨的样式。将您的内容放入

div

标签中。另外，

display:flex

样式非常棘手，避免在没有正确理解的情况下使用它

检查我为您的需要创建的解决方案

---

检查下面的代码，希望它对您有用

：：选择{
颜色：#ffff；
背景：rgb（142,73,232）；
}
html，正文{
身高：100%；
保证金：0；
}
*{
框大小：边框框；
}
身体{
背景：线性梯度（至底部，rgb（38,76,158）0%，rgb（42,143,119）100%）；
}
svg{
宽度：120px；
高度：自动；
}
.加载器{
文本对齐：居中；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.文字标志{
颜色：rgb（142,73,232）；
保证金：0；
}

侧任务

您写道要将文本定位在左上角的空白处。但是动画应该在哪里呢？我假设动画需要居中

在我的解决方案中，我对

h1

文本使用绝对定位

下面是要做的

将这些规则-

位置：绝对

，

顶部：0

，

左侧：0

和

边距：30px

添加到

文本徽标

选择器中。就像这里：

.text徽标{
位置：绝对位置；
排名：0；
左：0；
利润率：30像素；
颜色：rgb（142,73,232）；
}

：：选择{
颜色：#ffff；
背景：rgb（142,73,232）；
}
html，正文{
身高：100%；
保证金：0；
}
*{
框大小：边框框；
}
身体{
文本对齐：居中；
显示：-ms flexbox；
显示器：flex；
-ms-flex-pack:center；
证明内容：中心；
-ms-flex-align：居中；
对齐项目：居中；
背景：线性梯度（至底部，rgb（38,76,158）0%，rgb（42,143,119）100%）；
}
svg{
宽度：120px；
高度：自动；
}
.文字标志{
位置：绝对位置；
排名：0；
左：0；
利润率：30像素；
颜色：rgb（142,73,232）；
}

侧任务|简单但功能强大的待办事项应用程序
旁白

不起作用：（你能把所有的代码放在一起，试着解决它吗？我很笨，知道吗？我不想把文本放到加载屏幕上了。谢谢你的尝试！你想要这个安排吗-