初学者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=”卡片标题“>后台”

我相信答案是非常简单的，因为这是一门简单的课程。但是我只是在学习，我很紧张，所以你能提供的任何帮助都会很棒！

Answer 1

错误就在这里

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

应该是

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

Answer 2

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

它应该是

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