I need to be assisted here

HTML-CSS
1

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>


 <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>



</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/102.0.0.0 Safari/537.36

Challenge: Step 24

Link to the challenge:

2

…?

3

Alternatively, I would suggest rereading the instructions closely.

4

the code is not running and i have placed the header element where I am asked to place it

5

I think we have a disagreement about what the word “within” means. :wink:

1 Like
6

can you please explain it well to me

7

The instructions say:

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

It is asking you to wrap everything that is inside that element, not the element itself. You aren’t supposed to wrap the “.label element”, but the things that are inside it. In other words, your label is going to be inside the “.label element”.

1 Like
8

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