Learn Typography by Building a Nutrition Label - step 53

     <p><span><span class="bold">Cholesterol</span> 0mg</span> <span class="bold">0%</span></p>

Hey, my code won’t pass it keeps sending the error " Your new p element should have the text Cholesterol 0mg 0% ." but i am pretty sure the ‘p’ element does have the text ‘Cholesterol 0mg 0%’

any help would be appreciated and please forgive me if the wrong format of posting problems was used, its my first time posting here.

From the looks of it, the HTML you pasted above is correct. Is it possible you accidentally changed something else? It is always best to post all of your HTML/CSS in here, not just the single line you are working on, just in case you did accidentally change something else we can help you find it.

<html lang="en">

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

  <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>2/3 cup (55g)</span></p>
    <div class="divider large"></div>
    <div class="calories-info">
      <div class="left-container">
        <h2 class="bold small-text">Amount per serving</h2>
    <div class="divider medium"></div>
    <div class="daily-value small-text">
      <p class="bold right no-divider">% Daily Value *</p>
      <div class="divider"></div>
      <p><span><span class="bold">Total Fat</span> 8g</span> <span class="bold">10%</span></p>
      <p class="indent no-divider">Saturated Fat 1g <span class="bold">5%</span></p>
      <div class="divider"></div>
      <p class="indent no-divider"><span><i>Trans</i> Fat 0g</span></p>
    <div class="divider"></div>
     <p><span><span class="bold">Cholesterol</span> 0mg</span> <span class="bold">0%</span></p> 

ive pasted the rest of my code, hope you can help me out because ive been stuck on it for a while now

You added a few extra closing </div> tags that shouldn’t be there. If you can’t figure out where they are then I would restart the step to get the original HTML back and only add the new p element (with the necessary spans inside of it) and nothing else.

thank you very much ill try that

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