Learn Typography-HTML

Hello everyone. I need help with this code:

Step 44

Below your element with the Total Fat text, create a new p element with the text Saturated Fat 1g 5%. Wrap the 5% in a span with the class attribute set to bold. In this case this is enough to align the percentage to 5%.

<div class="daily-value small-text">
      <p class="bold right">% Daily Value *</p>
      <div class="divider"></div>
      <p><span><span class="bold"></span></span> <span class="bold">10%</span></p>
      <p>Total Fat</p><span class="bold"></span>
      <p>Saturated Fat 1g 5%</p><span class="bold">10%</span></p>
    </div>

You should create a new p element below your element with the Total Fat text.

Kindly paste your code

It’s obviously right in the text. Look for yourself.

<div class="daily-value small-text">
      <p class="bold right">% Daily Value *</p>
      <div class="divider"></div>
      <p><span><span class="bold"></span></span> <span class="bold">10%</span></p>
      <p>Total Fat</p><span class="bold"></span>
      <p>Saturated Fat 1g 5%</p><span class="bold">10%</span></p>
    </div>

It’s not letting me. My bad.

This is the original code.

You have mixed your self up reset the step then after the clossing tag of the last p add your p tag with the text given in the instructions

Here is another error I am receiving. Can you give me more clarity on this?

Here is the right one.

You have wrapped the wrong text in the span element just wrap the 5% only the 5% leave the rest as they are then give the span a class of bold

2 Likes

Thanks for the help!

1 Like

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.

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