HTML HTML Basics Structuring Your Content Structuring Content Challenge

Lynn Collins
Lynn Collins
6,675 Points

Header tags

How do I wrap this text in header tags?

index.html
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
    <header>

      <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>
      <header>
    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>
    </header>


<p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
    <ul>
      <li><a href="#">Recent project #1</a></li>
      <li><a href="#">Recent project #2</a></li>
      <li><a href="#">Recent project #3</a></li>     
    </ul>
</section>
  </header>
<footer>
    <p>&copy; 2017 My Portfolio</p>
    <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
</section>
</footer>
  </body>
</html>

1 Answer

Steven Parker
Steven Parker
171,137 Points

You're close, but you need to begin with one starting tag ("<header>"), and finish with one closing tag ("</header>"). The code above has an extra set of tags in between which is causing the issue. A header element is not allowed to contain another header.

Also, the outer set is enclosing more of the code than the instructions ask for.

And one other thing — there appear to be a couple of stray closing "</section>" tags that are not associated with any starting tags.