HTML HTML Basics Structuring Your Content Structuring Content Challenge

Header tags

How do I wrap this text in header tags?

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

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

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

1 Answer

Steven Parker
Steven Parker
179,923 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.