如何正确对齐html标题中的每个单词？

因此，对于学校来说，我需要完成这项开发网站的作业，我需要的是让它看起来像这样：

但是我有这个

我的标题中的单词“THIS MUST The PLACE（NAIVE MELODY）”等需要正确对齐，但它看起来像一个列表。 我尝试了许多不同的方法或代码行来修复它，但它似乎不起作用。这是我的html文件

*{
保证金：0；
边界：0；
填充：0；
}
div{
背景颜色：黄色；
宽度：100%；
填充：0px；
边际：0px；
文本对齐：居中；
字体大小：60px；
字体风格：斜体；
}
h5{
文本对齐：居中；
字间距：900px；
字体大小：40px；
}
h6{
背景颜色：灰色；
宽度：100%；
高度：50px；
填充：0px；
边际：0px；
文本对齐：居中；
字体大小：60px；
字体风格：普通；
文字装饰颜色：白色；
字体大小：23px；
字间距：20px；
}
前{
显示：块；
字体风格：斜体；
空白：预处理；
利润率：1米0；
}
身体{
背景色：红色；
}
#图画{
浮动：中心；
/*确保正确调整宽度和高度*/
宽度：100%；
高度：300px；
垫底：0px；
/*图像保持其原始纵横比，图像区域被完全覆盖。仅显示
图片的主题*/
对象匹配：覆盖；
对象位置：100%0；
}
* {
框大小：边框框；
}
身体{
字体系列：Arial；
字号：17px；
}
.集装箱{
位置：相对位置；
最大宽度：100%；
保证金：0自动；
}
.集装箱img{
垂直对齐：中间对齐；
}
.容器.内容{
位置：绝对位置；
底部：0；
背景：rgb（0,0,0）；
/*退色*/
背景：rgba（0,0,0,0.767）；
/*黑色背景，不透明度为0.5*/
/*背景大小：50%*/
颜色：#f1f1；
/*宽度：80%*/
身高：100%；
宽度：65%；
/*相应地调整容器内容物的宽度和左侧*/
左：12%；
左侧填充：0px；
右边填充：1000px；
}
.容器.含量.h5a h5{
利润率：5%；
文本对齐：右对齐；
字距：正常；
左侧填充：0px；
右边填充：1000px；
}

歌词派对>
氢{
颜色：rgb（0，255，149）；
字体风格：斜体；
}
h3{
颜色：灰色；
字体风格：粗体；
}
h4{
颜色：灰色
}
h5{
颜色：黄色；
}
h6{
颜色：白色；
}
p{
颜色：rgba（255,0,0,0.918）；
}
歌词派对
家庭顶级歌曲社区
这一定是个地方（天真的旋律）
说话的人
专辑：说英语
[第1节]
家是我想去的地方
把我抱起来，让我转过身来
我感到麻木，生来就有一颗脆弱的心
我想我一定玩得很开心
我们说得越少越好
我们边走边补
脚在地上，头在天上
[合唱]
嗨，是的，我有很多时间
嗨，是的，你眼睛里有光
你就站在我身边
我喜欢时间的流逝
永远不为钱，永远为爱
掩盖起来说晚安，说晚安
[第2节]
家是我想去的地方
但我想我已经在那里了
我回到家，她举起翅膀
我想这一定就是那个地方
我分不清这两者
我找到你了还是你找到我了？
在我们出生之前有一段时间
如果有人问，我会在这里，我会在这里
您的浏览器不支持HTML5视频。

HTML文档的正确结构是

所有的正文和标题都应该在这里。
你们有html标签在身体里面，然后你们有身体在头里面。
想象文件是一个人。它的身体里会有一个头吗？

在HTML中有两个头部。但是，要修复您询问的标题，请尝试在CSS中删除以下内容

---

您的HTML语义本身需要更正<代码>例如头部标签不在身体标签内

.container .content {
/*remove this or set to 100%*/
width: 65%;
/*remove this*/
padding-right: 1000px;
}

.container .content .h5a h5 {
/*remove this*/
padding-right: 1000px;
}