Question

我正在Treehouse上开设一个网页设计课程，我有一个问题是用CSS将HTML中的一个类集中在一起，即使我已经检查了指令，它也没有出来。有人可以看一下这段代码并告诉我我做错了吗？

这是HTML：

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

而且，这是CSS：

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

输出如下：＆＃34; class =＆＃34; card-title＆＃34;＆gt;背景＆＃34;

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

Answer 1

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

应该是

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

Answer 2

错误就在这里

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

应该是

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

初学者HTML / CSS错误

2 个答案: