Nutrition Label - Step 22

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

I can’t find the answer. it doesnt work.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <title>Nutrition Label</title>
  <link href=",700,800" rel="stylesheet">
  <link href="./styles.css" rel="stylesheet">
  <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>
/* 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;
  **Your browser information:**

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

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

Link to the challenge:

You’ve got an extra > character in there you need to remove. Also, your spacing is off a little. When the instructions ask you to wrap some text in an element like a span they don’t want any space between the opening/closing tags and the text. In other words, the opening tag should be touching the text and the closing tag should be touching the text.

Thanks but a space after a text “size” do the trick

<p class="bold">Serving size <span class="right">2/3 cup (55g)</span></p>

Ya, that’s exactly what I was telling you to do without explicitly telling you to do it. You got rid of the space between the span and “2/3” and thus were forced to add it between “size” and the span.

And you also got rid of the extra > after “(55g)”.

1 Like

thank you so much for the explanation

Thanks for the solution, but technically this would still work under its syntax correct?

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