What am I doing wrong on Step 52?

HTML-CSS
1

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

I could have sworn I put 2 span elements within the text. So I have no clue what is wrong with the code. Could someone please help?

After your last .divider , create a new p element with the text Cholesterol 0mg 0% . Wrap the text Cholesterol in a span element, and give that span element the class attribute set to bold . Wrap the text 0% in another span element, with the class set to bold right .

  **Your code so far**
  

  <p><span class="bold">Total Fat</span> 8g<span class="bold right">10%</span></p>
  <p class="indent no-divider">Saturated Fat 1g <span class="bold right">5%</span></p>
  <div class="divider"></div>
  <p class="indent no-divider"><i>Trans</i> Fat 0g</p>
  <div class="divider"></div>
  <p><span class="bold">Cholesterol</span> 0mg <span="bold right">0%</span></p>
</div>
``` 
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.115 Safari/537.36

Challenge: Step 52

Link to the challenge:

2

Compare the two spans you added:

<span class="bold">Cholesterol</span>
<span="bold right">0%</span>

One is correct and one is missing something.

1 Like
3

lol wow now that you show me it was so obvious. Thank you!

1 Like
4

It happens to all of us. One of the best tools a programmer can have is a second pair of eyes.

1 Like
5

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