初学者HTML/CSS错误

Question

我正在Treehouse上开始一个网页设计课程,我有一个关于用CSS在HTML中居一个类的问题,即使我已经检查了指令,它也没有出来.有人可以看一下这段代码并告诉我我做错了什么吗？

这是HTML:

<main class="flex">
  <div class="card">
    <h2>class="card-title">Background</h2>

而且,这是CSS:

.card-title {
   text-align:center;
}

输出如下:"class ="card-title"> Background"

---

我确信答案是非常简单的,因为这是一个简单的过程.但我只是在学习,而且我很紧张,所以你能提供的任何帮助都会很棒!

Answer 1

你太早关闭了h2.还要注意,当你设置一个父元素显示:flex - 它的所有子元素都受到影响 - 你可能需要在h2上设置一个flex值 - 或者重新考虑使用flex(那就是假设你的flex类是设置display:flex on main元素及其子元素 - 卡片).如果它像文本居中一样简单,您将不需要使用flex.我假设你正在关闭<main>和div.card...

它应该是

<h2 class="card-title">Background</h2>