Learn CSS Colors by Building a Set of Colored Markers - Step 10

Tell us what’s happening:
Good morning (or whatever time it is for you). Got a little stuck on this basic thing; my question is: Ive inserted a new div for class=“marker”, the div ending tag was provided by the system. Ive reset several times; what am I doing wrong? isnt that /div tag just hanging out in the air with no opener?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Colored Markers</title>
    <link rel="stylesheet" href="styles.css">
  </head>

<!-- User Editable Region -->

  <body>
    <h1>CSS Color Markers</h1>
    <div class="container">
      <div class="marker">
    </div>
  </body>

<!-- User Editable Region -->

</html>
/* file: styles.css */
h1 {
  text-align: center;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 10

Link to the challenge:

this line is missing the closing tag </div>

1 Like

thank you very much. But isnt that closing tag beneath that line unneeded?

the .container div needs its own closing div.
So when you add any div, you must always have an opening and a closing tag

1 Like

Thank you. I think I keep confusing the <> as openers and closers. I’ll keep bashing into it until it clicks :smiley:

those < and > are called angled brackets
all tags start and end with them

tags are the reserved words that html language is (that the browser understands)
<html> is a tag
<body. is a tag
<a href="something"> is a tag

and there are usually opening and closing tags (unless the element is self-closing like image)

1 Like