Learn Typography by builfing a Nutrition Label Step 33

HTML-CSS
1

Hi everyone!
I need some help here, please :slightly_smiling_face:
I put the name “Calories” into p element, but i don’t know its not working …
Check below:

step33

Thanks for your time :slight_smile:

2

Please post actual code instead of a picture. Also, please post a link to the step you are working on. Thanks

4

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

6 
<div class="calories-info">
      <div class="left-container"></div>
        <span>230</span>
        <h2 class="bold small-text">Amount per serving</h2>
        <p>Calories</p>
        </div>

Link:

7

instead of placing the new span element -inside- the .left-container, place it below it.

8

Thank you so much for your support :slight_smile:

1 Like
9

Hello, I have the same problem, did you solve it?, how?

10

If you have a question about a specific challenge as it relates to your written code for that challenge, and you’ve tried to solve it at least 3 times so far and still need some help, just click the Ask for Help button located on the challenge (it looks like a question mark).
This 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.

11

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