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