Learn Typography by Building a Nutrition Label - Step 7

I don’t know how to wrap h1 an p elements in .label

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>


<!-- User Editable Region -->

<body>
  <h1>Nutrition Facts</h1>
  <p>8 servings per container</p>
  <p>Serving size 2/3 cup (55g)</p>
  <div class="label"></div>
</body>

<!-- User Editable Region -->

</html>
/* file: styles.css */
html {
  font-size: 16px;
}

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

Your browser information:

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

Challenge: Learn Typography by Building a Nutrition Label - Step 7

Link to the challenge:

These HTML elements should be surrounded with div tags:

<div attribute="value"> ...this is the opening div tag
    -all the elements shown above go here-
</div> ... this is the closing div tag

the attribute is ‘class’,
the value is “label”.

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