Learn Typography by Building a Nutrition label: step 53

HTML-CSS
1

Step 53

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 of bold. Wrap the text 0% in another span element, with the class of bold. Finally, nest the Cholesterol span element and the text 0mg in an additional span element for alignment.

I keep getting this message for the code i’ve posted:

Hint

Your new p element should have the text “Cholesterol 0mg 0%”.

The code i’ve inserted is this:

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



Cholesterol 0mg 0% is displaying on the label.

And the code is the exact same as the code used to write "Total Fat 8g 10%" which displays and had no issues.

What am i missing?
3

I performed several tests on your code and it passes on my end.

2 Likes
4

I figured as much. It is the exact same code used earlier.

I wrote it out. No go.

I copied the earlier code used for the Total Fat. No go.

I just can’t get the system to pass me. And this project is necessary.

I’m resetting this step, and hopefully i’ll pass.

Any suggestions? Is there some sort of admin?

5

Well. Resetting did it.

lol

6

You need to change your code as follows:
Mod edit: removed code

This will make your text look like the example. Here is the full code for reference:

Regards, Mia from CodeIT

7

Hello, thank you for trying to help answer the question for this post. However, I have removed the code from your post as to not confuse the user. Much of the code you provided was not part of the challenge and might be confusing for the user trying to complete this challenge. In order to pass the challenges the users must keep most of the code as is, and only add a few lines to meet the requirements asked by the challenge. In the future its best to stay on topic with the code provided by the challenge when answering questions

Also, we encourage users to figure out the answers on their own. While we like to give hints and suggestions to point them in the right direction we ask that not entire code solutions are provided

Thanks

1 Like
8

I solved before. And i appreciate your stance.

It totally irritates me to not be able to solve and to have to ask for help.

9

hey can you give me some hint so I can solve step 53?

10

Dude there should not be space here try it and tell it works or not :blush:

11

See we use two span elements here so

<span><span class="1">**Text1**</span>**Text2**</span>

This how you need to do it.

Hope you understand :blush:

1 Like
12

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.