Html CSS背景色无法正常工作

我有这个HTML代码

header1{
背景色：红色；
}

我最喜欢的专辑是《未来的肮脏精灵2》

您可以使用

float:left用于此案例


header1{
背景色：红色；
浮动：左；
}

我最喜欢的专辑是《未来的肮脏精灵2》
header1对于使用div并为其设置id或类的尝试来说不是有效名称，因此在css中更容易引用它


#标题1{
背景色：红色；
}
您的其他代码在这里
这里有几个问题

最明显的是header1不是公认的HTML标记。（您的代码可能会在大多数验证器中失败）

浏览器往往非常宽容，所以他们会尽最大努力呈现你的页面。然而，他们不知道header1是什么，所以他们没有内置的样式

对于（合法）标题标记，它们将具有内置样式，您可以通过查看浏览器开发工具中元素的样式来了解这是什么。例如，Chrome刚刚向我展示了它假定display:block为默认值

如果你给你的头像一个显示样式：block，它会显示你想要的红色背景。但最好使用“合法”HTML，使用标题标记而不是header1，如果这是唯一一个背景为红色的标题，可能还可以使用类来进行样式设置。
谢谢，工作得很好，仍然在学习尽管很明显，
是无效的HTML，
float
不应用于样式设置。在2012年以及flexbox和grid的开发之前，这是一个误用的黑客。