How to Wrap everything within the .label element in a new header element.

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Nutrition Label</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel="stylesheet">
  <link href="./styles.css" rel="stylesheet">
</head>
<body>
  <label><header><div class="label">
    <h1 class="bold">Nutrition Facts</h1>
    <div class="divider"></div>
    <p>8 servings per container</p>
    <p class="bold">Serving size <span class="right">2/3 cup (55g)</span></p>
  </div></header></label>
</body>
</html>
/* file: styles.css */
* {
box-sizing: border-box;
}

html {
font-size: 16px;
}

body {
font-family: 'Open Sans', sans-serif;
}

.label {
border: 2px solid black;
width: 270px;
margin: 20px auto;
padding: 0 7px;
}

h1 {
text-align: center;
margin: -4px 0;
letter-spacing: 0.15px
}

p {
margin: 0;
}

.divider {
border-bottom: 1px solid #888989;
margin: 2px 0;
}

.bold {
font-weight: 800;
}

.right {
float: right;
}
  **Your browser information:**

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

Challenge: Step 24

Link to the challenge:

Hi. Your <header> should begin just after your <body> and before your <label>. And end after your </label>

1 Like

Hi @Shrish_Tiwari ,

Please restart the challenge.

First you take everything that’s within the div with the class of label, which means :

  <div class="label">
      <!--  Starting from here  -->
        <h1 class="bold">Nutrition Facts</h1>
        <div class="divider"></div>
        <p>8 servings per container</p>
        <p class="bold">Serving size <span class="right">2/3 cup (55g)</span></p>
      <!--  To here  -->
  </div>

And then you place all of these elements within a new header element.
This new header element should still be within the div with the label class.

1 Like

still i have the same error i.e. your header element should be within your label element
can you please provide the code

We are not able to provide you with the solution as that would be against the rules.

We can give you some hints though.

Try restarting the step, and identify what are the elements that are INSIDE the .label element. After that, wrap those element in the header element.

.label element means an element with the class of "label".

Hope that helps :+1:

1 Like

thanks error solved now i got my error

1 Like

super helpful, I’m grateful

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.