Learn Typography by Building a Nutrition Label-Step 33

HTML-CSS
1

Below your .small-text element, create a new p element with the text Calories . Also below the .left-container element, create a new span element with the text 230

here’s my code :

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

the error keep telling me my p element should have the text Calories. -.-

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

Welcome to our community!

Post the entire HTML and CSS code here, as well as the link to the challenge.

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 (').

I have also added the link for the challenge. If you have a problem with your code use the Ask For Help and don’t delete the code or the link to the step.

5

Your span element should come after the closing tag of the .left-container element.

6

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