Learn Typography-HTML

[AlecBarden23]

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.

[opudoprince]

Kindly paste your code

[AlecBarden23]

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

[AlecBarden23]

<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>

[AlecBarden23]

It’s not letting me. My bad.

[AlecBarden23]

[AlecBarden23]

This is the original code.

[opudoprince]

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

[AlecBarden23]

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

[AlecBarden23]

[AlecBarden23]

Here is the right one.

[opudoprince]

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

[AlecBarden23]

Thanks for the help!

[JeremyLT]

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